/* XTND V6 Theme
   V5 content / components + V4 visual language.
   Dark is the default. Light is an explicit alternate theme. */
:root,
html[data-theme="dark"]{
  --xt-bg:#070b14;
  --xt-bg2:#0b1220;
  --xt-surface:#101a2c;
  --xt-surface2:#111d32;
  --xt-surface3:#0c1524;
  --xt-text:#f6f8fc;
  --xt-muted:#9ba9bd;
  --xt-muted2:#78879c;
  --xt-line:rgba(255,255,255,.10);
  --xt-line-strong:rgba(255,255,255,.17);
  --xt-violet:#7568ff;
  --xt-blue:#3984ff;
  --xt-cyan:#36d0f2;
  --xt-green:#64e6ad;
  --xt-warm:#ffb36b;
  --xt-shadow:0 28px 80px rgba(0,0,0,.32);
  --xt-shadow-soft:0 18px 50px rgba(0,0,0,.22);
  --xt-radius:28px;
  --xt-card-bg:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
  --xt-card-flat:rgba(255,255,255,.032);
  --xt-input:#0b1422;
  --xt-input-text:#edf3fb;
  --xt-header:rgba(7,11,20,.82);
  --xt-footer:#050810;
  --ink:var(--xt-text);
  --ink2:#dce7f5;
  --blue:var(--xt-blue);
  --blue2:var(--xt-cyan);
  --cyan:var(--xt-cyan);
  --muted:var(--xt-muted);
  --line:var(--xt-line);
  --soft:rgba(255,255,255,.025);
  --white:#fff;
  --green:var(--xt-green);
  --shadow:var(--xt-shadow);
  --radius:var(--xt-radius);
  color-scheme:dark;
}
html[data-theme="light"]{
  --xt-bg:#f6f8fc;
  --xt-bg2:#edf3fa;
  --xt-surface:#ffffff;
  --xt-surface2:#f8fbff;
  --xt-surface3:#eef4fb;
  --xt-text:#111c2d;
  --xt-muted:#63758b;
  --xt-muted2:#8392a5;
  --xt-line:rgba(25,55,90,.13);
  --xt-line-strong:rgba(25,55,90,.22);
  --xt-violet:#6859f5;
  --xt-blue:#2477ef;
  --xt-cyan:#0eb7dc;
  --xt-green:#159f72;
  --xt-warm:#de8a3b;
  --xt-shadow:0 26px 70px rgba(31,56,91,.12);
  --xt-shadow-soft:0 16px 42px rgba(31,56,91,.09);
  --xt-radius:28px;
  --xt-card-bg:linear-gradient(180deg,#fff,#f8fbff);
  --xt-card-flat:#fff;
  --xt-input:#fff;
  --xt-input-text:#17263b;
  --xt-header:rgba(249,251,254,.90);
  --xt-footer:#0a1220;
  --ink:var(--xt-text);
  --ink2:#25364c;
  --blue:var(--xt-blue);
  --blue2:var(--xt-cyan);
  --cyan:var(--xt-cyan);
  --muted:var(--xt-muted);
  --line:var(--xt-line);
  --soft:#eef3f9;
  --white:#fff;
  --green:var(--xt-green);
  --shadow:var(--xt-shadow);
  --radius:var(--xt-radius);
  color-scheme:light;
}

html{background:var(--xt-bg);scroll-behavior:smooth}
body{
  color:var(--xt-text)!important;
  background:
    radial-gradient(circle at 10% 3%,rgba(117,104,255,.16),transparent 28rem),
    radial-gradient(circle at 92% 7%,rgba(54,208,242,.10),transparent 26rem),
    linear-gradient(180deg,var(--xt-bg),var(--xt-bg2) 52%,var(--xt-bg));
  transition:background-color .22s ease,color .22s ease;
}
html[data-theme="light"] body{
  background:
    radial-gradient(circle at 10% 2%,rgba(104,89,245,.09),transparent 30rem),
    radial-gradient(circle at 92% 4%,rgba(14,183,220,.08),transparent 28rem),
    linear-gradient(180deg,#f8faff,#f1f5fa 55%,#f8faff);
}
::selection{background:rgba(57,132,255,.32);color:var(--xt-text)}

/* Header + mega menus */
.site-header{background:var(--xt-header)!important;border-bottom:1px solid var(--xt-line)!important;backdrop-filter:blur(18px)}
.nav-shell{min-height:76px!important}
.brand-logo{height:43px!important;filter:drop-shadow(0 10px 22px rgba(54,208,242,.17))}
.nav-link{color:color-mix(in srgb,var(--xt-text) 73%,transparent)!important;border-radius:10px!important}
.nav-link:hover,.nav-link:focus{color:var(--xt-text)!important;background:color-mix(in srgb,var(--xt-text) 6%,transparent)!important}
html[data-theme="light"] .navbar-toggler-icon{filter:none!important}
html[data-theme="dark"] .navbar-toggler-icon{filter:invert(1)!important}
.navbar-toggler{border-color:var(--xt-line-strong)!important}
.mega-menu{background:color-mix(in srgb,var(--xt-surface) 96%,transparent)!important;border:1px solid var(--xt-line)!important;border-radius:20px!important;box-shadow:var(--xt-shadow)!important;backdrop-filter:blur(20px)}
.mega-label{color:var(--xt-muted2)!important}
.mega-grid a{color:color-mix(in srgb,var(--xt-text) 88%,transparent)!important;border-radius:12px!important}
.mega-grid a:hover{background:color-mix(in srgb,var(--xt-text) 6%,transparent)!important;color:var(--xt-text)!important}
.mega-grid small{color:var(--xt-muted)!important}
.theme-nav{display:flex;align-items:center}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:40px;border:1px solid var(--xt-line)!important;border-radius:12px;padding:.55rem .68rem;background:var(--xt-card-flat)!important;color:var(--xt-text)!important;font-size:.76rem;font-weight:760;transition:.2s ease;box-shadow:none}
.theme-toggle:hover{transform:translateY(-1px);border-color:var(--xt-line-strong)!important;background:color-mix(in srgb,var(--xt-text) 7%,transparent)!important}
.theme-toggle i{color:var(--xt-cyan);font-size:.95rem}.theme-toggle-label{display:none}

/* V4 typography + accents */
.eyebrow,.kicker{display:inline-flex!important;align-items:center!important;gap:.5rem!important;border:1px solid var(--xt-line)!important;border-radius:999px!important;padding:.48rem .75rem!important;color:color-mix(in srgb,var(--xt-text) 78%,transparent)!important;background:color-mix(in srgb,var(--xt-text) 3.5%,transparent)!important;font-size:.7rem!important;font-weight:760!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.eyebrow:before,.kicker:before{content:""!important;width:7px!important;height:7px!important;border-radius:50%!important;background:var(--xt-green)!important;box-shadow:0 0 18px color-mix(in srgb,var(--xt-green) 80%,transparent)!important}
.home-intro h1,.page-hero h1{font-size:clamp(3.25rem,6.5vw,6.7rem)!important;line-height:.89!important;letter-spacing:-.074em!important;font-weight:880!important}
.section-head h2,.section-title{font-size:clamp(2.4rem,5vw,5.1rem)!important;line-height:.94!important;letter-spacing:-.064em!important;font-weight:850!important}
.gradient-text,.home-intro h1 span[style*="color:#087fe9"],.page-hero h1 span[style*="color:#087fe9"]{background:linear-gradient(95deg,var(--xt-text) 0%,color-mix(in srgb,var(--xt-text) 82%,var(--xt-violet)) 28%,var(--xt-violet) 58%,var(--xt-cyan) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.home-intro p,.page-hero p,.section-head p{color:var(--xt-muted)!important;line-height:1.76!important}

/* Buttons */
.btn-nav,.btn-primary-xt{border-radius:14px!important;background:linear-gradient(110deg,var(--xt-violet),var(--xt-blue) 55%,var(--xt-cyan))!important;color:#fff!important;border:1px solid transparent!important;box-shadow:0 14px 34px rgba(79,101,255,.24)!important;padding:.84rem 1.08rem!important}
.btn-nav:hover,.btn-primary-xt:hover{transform:translateY(-2px)!important;color:#fff!important;box-shadow:0 18px 40px rgba(79,101,255,.30)!important}
.btn-secondary-xt{border-radius:14px!important;border:1px solid var(--xt-line-strong)!important;background:color-mix(in srgb,var(--xt-text) 3.5%,transparent)!important;color:var(--xt-text)!important;padding:.84rem 1.08rem!important}
.btn-secondary-xt:hover{background:color-mix(in srgb,var(--xt-text) 7%,transparent)!important;color:var(--xt-text)!important;transform:translateY(-2px)!important}
.card-link{color:color-mix(in srgb,var(--xt-blue) 62%,var(--xt-text))!important}
html[data-theme="dark"] .card-link{color:#9cb9ff!important}

/* Hero stays a strong brand moment in both themes */
.hero-art{background:#05090e!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.hero-picture{max-width:1920px;margin-inline:auto;background:#05090e}
.hero-picture img{width:100%!important;max-height:min(63vh,720px)!important;object-fit:cover!important}
.home-intro{padding:82px 0 54px!important;background:transparent!important}
.home-intro-grid{gap:3.2rem!important}
.home-bullet{border-bottom:1px solid var(--xt-line)!important}
.home-bullet i{color:var(--xt-cyan)!important}.home-bullet strong{color:var(--xt-text)!important}.home-bullet span{color:var(--xt-muted)!important}

/* Trust */
.trust-strip{background:color-mix(in srgb,var(--xt-surface) 72%,transparent)!important;border-top:1px solid var(--xt-line)!important;border-bottom:1px solid var(--xt-line)!important;backdrop-filter:blur(12px)}
.trust-item{border-right:1px solid var(--xt-line)!important}.trust-item i{color:var(--xt-cyan)!important}.trust-item strong{color:var(--xt-text)!important}.trust-item span{color:var(--xt-muted)!important}

/* Sections */
.section{padding:clamp(76px,8vw,112px) 0!important;background:transparent}
.section.soft{background:linear-gradient(180deg,color-mix(in srgb,var(--xt-text) 1.6%,transparent),color-mix(in srgb,var(--xt-text) 3%,transparent))!important}
.section.dark{background:linear-gradient(180deg,#060a12,#09111e)!important;color:#f6f8fc!important}
.section.blue{background:radial-gradient(circle at 15% 10%,rgba(117,104,255,.16),transparent 28rem),linear-gradient(135deg,#07111f,#0a1a2d 55%,#072039)!important;color:#f6f8fc!important}
html[data-theme="light"] .section.dark{background:linear-gradient(180deg,#eef3fb,#e8f0f9)!important;color:var(--xt-text)!important}
html[data-theme="light"] .section.blue{background:radial-gradient(circle at 12% 8%,rgba(104,89,245,.09),transparent 28rem),linear-gradient(135deg,#f2f5ff,#edf8fb 58%,#edf4ff)!important;color:var(--xt-text)!important}
html[data-theme="light"] .dark .section-head p,html[data-theme="light"] .blue .section-head p{color:var(--xt-muted)!important}
.section-head{gap:2.2rem!important;margin-bottom:2.35rem!important}

/* V4 glass/card treatment across V5 components */
.choice-card,.solution-card,.why-card,.industry-card,.usecase-card,.module-card,.info-card,.contact-card,.trust-card,.metric-card,.compare-card,.workflow-panel,.builder,.pricing-estimator,.media-shell,.hier-node,.check-option,.stack-item,.faq .accordion-item{
  border:1px solid var(--xt-line)!important;
  background:var(--xt-card-bg)!important;
  border-radius:var(--xt-radius)!important;
  box-shadow:var(--xt-shadow-soft)!important;
  color:var(--xt-text)!important;
}
.choice-card,.solution-card,.why-card,.industry-card,.usecase-card,.module-card,.info-card,.contact-card,.trust-card,.metric-card{padding:1.35rem!important}
.choice-card:hover,.solution-card:hover,.module-card:hover,.industry-card:hover,.usecase-card:hover{transform:translateY(-4px)!important;border-color:var(--xt-line-strong)!important;box-shadow:var(--xt-shadow)!important}
.choice-card p,.solution-card p,.why-card p,.industry-card p,.usecase-card p,.module-card p,.info-card p,.contact-card p,.trust-card p,.compare-card li{color:var(--xt-muted)!important}
.choice-card h3,.solution-card h3,.why-card h3,.industry-card h3,.usecase-card h3,.module-card h3,.info-card h3,.contact-card h3,.trust-card h3{color:var(--xt-text)!important}
.choice-card .icon,.solution-card .icon,.why-card .icon,.module-card .icon{background:linear-gradient(135deg,rgba(117,104,255,.20),rgba(54,208,242,.14))!important;color:color-mix(in srgb,var(--xt-text) 80%,var(--xt-cyan))!important;border-radius:15px!important}
.tag{background:linear-gradient(100deg,rgba(117,104,255,.18),rgba(54,208,242,.10))!important;color:color-mix(in srgb,var(--xt-text) 82%,var(--xt-blue))!important;border:1px solid var(--xt-line)!important}
.best-for{color:var(--xt-muted)!important}.best-for strong{color:var(--xt-text)!important}
.module-pill,.module-chip{background:var(--xt-surface3)!important;border:1px solid var(--xt-line)!important;color:color-mix(in srgb,var(--xt-text) 78%,transparent)!important}
html[data-theme="light"] .module-pill,html[data-theme="light"] .module-chip{background:#f4f7fb!important}

/* Workflows */
.workflow-tabs button{border:1px solid var(--xt-line)!important;background:var(--xt-card-flat)!important;color:var(--xt-muted)!important;border-radius:999px!important}
.workflow-tabs button[aria-selected="true"]{background:linear-gradient(100deg,rgba(117,104,255,.30),rgba(54,208,242,.18))!important;color:var(--xt-text)!important;border-color:color-mix(in srgb,var(--xt-blue) 40%,var(--xt-line))!important}
.workflow-track{scrollbar-color:var(--xt-line-strong) transparent}
.workflow-step{border:1px solid var(--xt-line)!important;border-radius:16px!important;background:var(--xt-surface3)!important;color:var(--xt-text)!important}
.workflow-step i{background:linear-gradient(135deg,rgba(117,104,255,.20),rgba(54,208,242,.14))!important;color:var(--xt-cyan)!important}
.workflow-step.active{border-color:color-mix(in srgb,var(--xt-cyan) 60%,var(--xt-line))!important;background:linear-gradient(145deg,rgba(117,104,255,.13),rgba(54,208,242,.10))!important;box-shadow:0 0 0 3px rgba(54,208,242,.08)!important}
.workflow-copy{color:var(--xt-muted)!important}

/* Media */
.media-shell{padding:10px!important}.media-shell img{border-radius:20px!important}.media-caption{color:var(--xt-muted)!important}

/* Product preview stays intentionally dark in both themes */
.product-preview{background:#07111f!important;color:#fff!important;border:1px solid #18324d!important;border-radius:24px!important;box-shadow:var(--xt-shadow)!important}.preview-top{border-bottom-color:#18324d!important}.preview-nav{border-right-color:#18324d!important}.preview-nav span{color:#8fa7bf!important}.preview-nav .active{background:#102944!important;color:#fff!important}.preview-metric{border-color:#18324d!important;background:#0b1a2d!important}.preview-table{border-color:#18324d!important}.preview-row{border-top-color:#18324d!important}.preview-badge{color:#64e6ad!important}

/* Builder / configurator */
.builder-head{border-bottom:1px solid var(--xt-line)!important}.builder-options{border-right:1px solid var(--xt-line)!important}.builder-summary{background:color-mix(in srgb,var(--xt-text) 2.8%,transparent)!important}.builder-group h4{color:var(--xt-muted)!important}.check-option{border-radius:13px!important;background:var(--xt-card-flat)!important}.check-option input{accent-color:var(--xt-blue)}.stack-item{border-radius:12px!important;background:var(--xt-card-flat)!important}.stack-empty{color:var(--xt-muted)!important}
.stack-tray{border:1px solid var(--xt-line-strong)!important;background:color-mix(in srgb,var(--xt-surface) 94%,transparent)!important;color:var(--xt-text)!important;border-radius:16px!important;box-shadow:var(--xt-shadow)!important;backdrop-filter:blur(18px)}.stack-tray a{color:var(--xt-cyan)!important}.stack-tray button{color:var(--xt-muted)!important}

/* Compare */
.compare-card.bad,.compare-card.good{background:var(--xt-card-bg)!important;border-color:var(--xt-line)!important}.compare-card.good{box-shadow:0 20px 56px rgba(57,132,255,.11)!important}.compare-card.good li i{color:var(--xt-green)!important}.compare-card.bad li i{color:#f08e8e!important}

/* Page heroes + subnav */
.page-hero,.page-hero.dark{padding:92px 0 72px!important;background:radial-gradient(circle at 10% 0,rgba(117,104,255,.15),transparent 30rem),radial-gradient(circle at 92% 0,rgba(54,208,242,.10),transparent 26rem),linear-gradient(180deg,var(--xt-bg),var(--xt-bg2))!important;color:var(--xt-text)!important}
html[data-theme="light"] .page-hero,html[data-theme="light"] .page-hero.dark{background:radial-gradient(circle at 10% 0,rgba(104,89,245,.10),transparent 30rem),radial-gradient(circle at 92% 0,rgba(14,183,220,.08),transparent 26rem),linear-gradient(180deg,#f8faff,#eef3f9)!important}
.page-hero p,.page-hero.dark p{color:var(--xt-muted)!important}.page-subnav{top:76px!important;border-top:1px solid var(--xt-line)!important;border-bottom:1px solid var(--xt-line)!important;background:color-mix(in srgb,var(--xt-bg) 88%,transparent)!important;backdrop-filter:blur(16px)}.page-subnav a{color:var(--xt-muted)!important;border-radius:10px!important}.page-subnav a:hover{background:color-mix(in srgb,var(--xt-text) 6%,transparent)!important;color:var(--xt-text)!important}

/* Modules */
.module-cats button{color:var(--xt-muted)!important;border-radius:12px!important}.module-cats button.active{background:linear-gradient(100deg,rgba(117,104,255,.20),rgba(54,208,242,.12))!important;color:var(--xt-text)!important}.search-box i{color:var(--xt-muted)!important}.search-box input,.form-select,.form-control{background:var(--xt-input)!important;color:var(--xt-input-text)!important;border:1px solid var(--xt-line-strong)!important;border-radius:12px!important}.search-box input::placeholder,.form-control::placeholder{color:var(--xt-muted2)!important}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%239ba9bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.module-meta{color:var(--xt-muted2)!important}
.offcanvas{background:var(--xt-surface)!important;color:var(--xt-text)!important}.offcanvas-header{border-bottom:1px solid var(--xt-line)!important}.offcanvas-body h4{color:var(--xt-muted)!important}.child-list span{background:var(--xt-surface3)!important;border:1px solid var(--xt-line)!important;color:color-mix(in srgb,var(--xt-text) 78%,transparent)!important}.btn-close{filter:invert(1) grayscale(1)}html[data-theme="light"] .btn-close{filter:none}

/* Operator / metrics */
.hier-node{background:var(--xt-card-flat)!important}.hier-arrow{color:var(--xt-muted2)!important}.industry-card .icon,.trust-card i{color:var(--xt-cyan)!important}.metric-card span{color:var(--xt-muted)!important}.metric-card strong{color:var(--xt-text)!important}

/* Pricing */
.estimator-form{border-right:1px solid var(--xt-line)!important}.estimator-output{background:color-mix(in srgb,var(--xt-text) 2.8%,transparent)!important}.range-line output{color:var(--xt-muted)!important}.estimator-output .number{background:linear-gradient(95deg,var(--xt-violet),var(--xt-blue),var(--xt-cyan));-webkit-background-clip:text;background-clip:text;color:transparent!important}input[type="range"]{accent-color:var(--xt-blue)}

/* FAQ */
.faq .accordion-item{overflow:hidden!important}.faq .accordion-button{background:var(--xt-card-flat)!important;color:var(--xt-text)!important}.faq .accordion-button:not(.collapsed){background:linear-gradient(100deg,rgba(117,104,255,.12),rgba(54,208,242,.08))!important;color:var(--xt-text)!important;box-shadow:none!important}.faq .accordion-button::after{filter:invert(1) grayscale(1)}html[data-theme="light"] .faq .accordion-button::after{filter:none}.faq .accordion-body{background:color-mix(in srgb,var(--xt-surface) 97%,transparent)!important;color:var(--xt-muted)!important}

/* Special inline blocks carried over from V5 */
[style*="background:#07111f"]{background:#07111f!important;color:#fff!important;border:1px solid #18324d!important;box-shadow:var(--xt-shadow-soft)!important}
html[data-theme="light"] [style*="color:#657990"],html[data-theme="light"] [style*="color:#a8bbce"],html[data-theme="light"] [style*="color:#aac0d5"]{color:var(--xt-muted)!important}
[style*="background:#f0f8ff"]{background:radial-gradient(circle at 90% 0,rgba(54,208,242,.15),transparent 20rem),linear-gradient(145deg,rgba(117,104,255,.10),rgba(255,255,255,.035))!important;border-color:var(--xt-line)!important}
html[data-theme="light"] [style*="background:#f0f8ff"]{background:radial-gradient(circle at 90% 0,rgba(14,183,220,.10),transparent 20rem),linear-gradient(145deg,rgba(104,89,245,.07),#fff)!important}

/* Availability / notes */
.availability{border-left:3px solid var(--xt-cyan)!important;background:rgba(54,208,242,.055)!important;color:color-mix(in srgb,var(--xt-text) 70%,var(--xt-muted))!important}
html[data-theme="light"] .availability{background:rgba(14,183,220,.07)!important}

/* Contact */
.form-label{color:var(--xt-text)!important}.form-check-label{color:var(--xt-muted)!important}.form-check-input{background-color:var(--xt-input);border-color:var(--xt-line-strong)}.form-check-input:checked{background-color:var(--xt-blue);border-color:var(--xt-blue)}

/* Footer */
.site-footer{background:var(--xt-footer)!important;color:#c7d5e4!important;border-top:1px solid rgba(255,255,255,.07)!important}.site-footer p{color:#718196!important}.site-footer h3{color:#707f92!important}.site-footer a{color:#9eabbd!important}.site-footer a:hover{color:#fff!important}.footer-bottom{border-top:1px solid rgba(255,255,255,.07)!important;color:#617086!important}

/* Skip link / focus */
.skip-link{background:var(--xt-surface)!important;color:var(--xt-text)!important;border:1px solid var(--xt-line)!important}*:focus-visible{outline:3px solid var(--xt-cyan)!important;outline-offset:3px!important}

/* Light mode details */
html[data-theme="light"] .choice-card,html[data-theme="light"] .solution-card,html[data-theme="light"] .why-card,html[data-theme="light"] .industry-card,html[data-theme="light"] .usecase-card,html[data-theme="light"] .module-card,html[data-theme="light"] .info-card,html[data-theme="light"] .contact-card,html[data-theme="light"] .trust-card,html[data-theme="light"] .metric-card,html[data-theme="light"] .compare-card,html[data-theme="light"] .workflow-panel,html[data-theme="light"] .builder,html[data-theme="light"] .pricing-estimator,html[data-theme="light"] .media-shell,html[data-theme="light"] .hier-node,html[data-theme="light"] .check-option,html[data-theme="light"] .stack-item,html[data-theme="light"] .faq .accordion-item{box-shadow:var(--xt-shadow-soft)!important}
html[data-theme="light"] .section.soft{background:linear-gradient(180deg,rgba(30,70,120,.025),rgba(30,70,120,.05))!important}
html[data-theme="light"] .mega-menu{background:rgba(255,255,255,.96)!important}
html[data-theme="light"] .trust-strip{background:rgba(255,255,255,.72)!important}
html[data-theme="light"] .page-subnav{background:rgba(248,251,255,.90)!important}
html[data-theme="light"] .theme-toggle{background:#fff!important}

@media(max-width:1199px){.theme-nav{margin:.35rem 0}.theme-toggle{width:100%;justify-content:flex-start}.theme-toggle-label{display:inline}.page-subnav{top:70px!important}.builder-options{border-right:0!important;border-bottom:1px solid var(--xt-line)!important}}
@media(max-width:767px){.home-intro{padding:66px 0 44px!important}.home-intro h1,.page-hero h1{font-size:clamp(2.75rem,13vw,4.6rem)!important}.section{padding:68px 0!important}.page-hero{padding:70px 0 58px!important}.theme-toggle{min-height:42px}.brand-logo{height:38px!important}}
@media(prefers-reduced-motion:reduce){body,.theme-toggle{transition:none!important}}


/* V6.1 — shared layout components + header fit + global heading gradients */
.site-header .container-xt{width:min(1320px,calc(100% - 36px))}
.site-header .navbar,.site-header .nav-shell{min-height:72px!important}
.site-header .nav-shell{display:flex;align-items:center;flex-wrap:nowrap!important}
.site-header .navbar-brand{flex:0 0 auto;margin-right:1rem}
.site-header .brand-logo{height:38px!important;width:auto!important}
.site-header .navbar-collapse{min-width:0}
.site-header .navbar-nav{flex-wrap:nowrap!important;white-space:nowrap;align-items:center}
.site-header .nav-link{font-size:.79rem!important;padding:.62rem .52rem!important}
.site-header .theme-toggle{min-width:40px;min-height:38px;padding:.48rem .58rem!important}
.site-header .btn-nav{white-space:nowrap;padding:.70rem .88rem!important;font-size:.78rem!important}
.site-header .nav-link.active,.site-header a[aria-current="page"]{color:var(--xt-text)!important;background:color-mix(in srgb,var(--xt-text) 7%,transparent)!important}
.site-footer a.active{color:var(--xt-text)!important}

/* Apply the V4 gradient language to every major page/section heading. */
main h1,
main h2:not(.accordion-header):not(.offcanvas-title){
  background:linear-gradient(95deg,var(--xt-text) 0%,color-mix(in srgb,var(--xt-text) 80%,var(--xt-violet)) 30%,var(--xt-violet) 62%,var(--xt-cyan) 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
main h1 *,main h2:not(.accordion-header):not(.offcanvas-title) *{
  -webkit-text-fill-color:inherit;
}
/* Explicit opt-out for utility/dialog headings if needed later. */
main .plain-heading{background:none!important;color:var(--xt-text)!important;-webkit-text-fill-color:var(--xt-text)!important}

/* Keep injected shared footer visually identical and stable. */
.site-footer .brand-logo{height:40px!important;width:auto!important}

@media (max-width:1399.98px){
  .site-header .container-xt{width:min(1320px,calc(100% - 36px))}
  .site-header .navbar-collapse{padding:.75rem 0 1rem}
  .site-header .navbar-nav{white-space:normal;align-items:stretch!important}
  .site-header .nav-link{font-size:.86rem!important;padding:.7rem .75rem!important}
  .site-header .theme-nav,.site-header .nav-item:has(.btn-nav){margin-top:.45rem}
  .site-header .theme-toggle{width:100%;justify-content:flex-start;padding:.68rem .8rem!important}
  .site-header .theme-toggle-label{display:inline!important}
  .site-header .btn-nav{width:100%;justify-content:center;padding:.78rem 1rem!important}
  .mega-menu{width:100%!important;max-width:none!important;position:static!important;transform:none!important;margin:.25rem 0 .5rem!important}
}
@media (max-width:767.98px){
  .site-header .container-xt{width:calc(100% - 24px)}
  .site-header .brand-logo{height:34px!important}
}


/* V6.2 — section-head alignment + lazy atmospheric section backgrounds */
.section-head{
  align-items:center!important;
}
.section-head>p{
  align-self:center!important;
  margin-top:0!important;
}
/* Optional explicit top alignment for future sections with unusually long copy. */
.section-head.section-head-top{
  align-items:start!important;
}
.section-head.section-head-top>p{
  align-self:start!important;
  padding-top:.7rem;
}

.section-atmosphere{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.section-atmosphere::before,
.section-atmosphere::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.section-atmosphere::before{
  z-index:-2;
  opacity:0;
  background-size:cover;
  background-position:center;
  transform:scale(1.025);
  transition:opacity .7s ease;
}
.section-atmosphere.atm-loaded::before{opacity:.34}
.section-atmosphere::after{
  z-index:-1;
  background:
    linear-gradient(90deg,color-mix(in srgb,var(--xt-bg) 88%,transparent) 0%,color-mix(in srgb,var(--xt-bg) 60%,transparent) 48%,color-mix(in srgb,var(--xt-bg) 86%,transparent) 100%),
    linear-gradient(180deg,color-mix(in srgb,var(--xt-bg) 78%,transparent),color-mix(in srgb,var(--xt-bg2) 91%,transparent));
}
.section-atmosphere>.container-xt{position:relative;z-index:1}
.section-atmosphere.atm-network::before{background-image:url("../img/atmosphere/network.webp")}
.section-atmosphere.atm-relay::before{background-image:url("../img/atmosphere/relay.webp")}
.section-atmosphere.atm-builder::before{background-image:url("../img/atmosphere/builder.webp")}
.section-atmosphere.atm-operator::before{background-image:url("../img/atmosphere/operator.webp")}
.section-atmosphere.atm-solutions::before{background-image:url("../img/atmosphere/solutions.webp")}
.section-atmosphere.atm-product::before{background-image:url("../img/atmosphere/product.webp")}
.section-atmosphere.atm-romania::before{background-image:url("../img/atmosphere/romania.webp");background-position:center 58%}

/* Preserve dark/blue sections but let the atmosphere show through them. */
.section.dark.section-atmosphere,
.section.blue.section-atmosphere{
  background:linear-gradient(180deg,rgba(6,10,18,.90),rgba(9,17,30,.91))!important;
}
.section.blue.section-atmosphere{
  background:radial-gradient(circle at 15% 10%,rgba(117,104,255,.14),transparent 28rem),linear-gradient(135deg,rgba(7,17,31,.92),rgba(10,26,45,.90) 55%,rgba(7,32,57,.92))!important;
}
html[data-theme="light"] .section-atmosphere.atm-loaded::before{opacity:.14}
html[data-theme="light"] .section-atmosphere::after{
  background:
    linear-gradient(90deg,rgba(247,250,255,.96) 0%,rgba(247,250,255,.84) 48%,rgba(247,250,255,.96) 100%),
    linear-gradient(180deg,rgba(248,250,255,.75),rgba(239,244,250,.91));
}
html[data-theme="light"] .section.dark.section-atmosphere,
html[data-theme="light"] .section.blue.section-atmosphere{
  background:linear-gradient(180deg,rgba(240,245,252,.94),rgba(233,240,248,.94))!important;
}

@media(max-width:1199px){
  .section-head{align-items:start!important}
  .section-head>p{align-self:start!important;max-width:760px}
}
@media(prefers-reduced-motion:reduce){
  .section-atmosphere::before{transition:none!important}
}

/* V6.4 — keep every major heading consistently heavy across full pages.
   V6.1 applied the gradient globally, but some later h2 elements lived outside
   .section-head and therefore inherited the browser's lighter default weight. */
main h1,
main h2:not(.accordion-header):not(.offcanvas-title),
main .section-head h2,
main .section-title,
main .info-card > h2,
main .two-col h2 {
  font-weight:900!important;
  font-synthesis:weight;
}

/* Preserve the slightly tighter V4 display feel on standalone section headings. */
main section > .container-xt > h2,
main .info-card > h2,
main .two-col > * > h2 {
  letter-spacing:-.055em;
}

/* V6.5 — Company / Made in Romania heritage background */
.heritage-section{
  position:relative;
  isolation:isolate;
  min-height:clamp(600px,43vw,760px);
  display:flex;
  align-items:stretch;
  overflow:hidden;
  color:#f6f8fc!important;
  background-color:#030a13!important;
  background-image:
    linear-gradient(90deg,rgba(2,8,15,.28) 0%,rgba(2,8,15,.17) 44%,rgba(2,8,15,.04) 66%,rgba(2,8,15,.02) 100%),
    url("../img/heritage/romania-athenaeum-bg-2172.webp")!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
.heritage-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(1,6,12,.08) 0%,rgba(1,6,12,.02) 55%,rgba(1,6,12,.28) 100%),
    radial-gradient(circle at 16% 48%,rgba(3,10,19,.22),transparent 38%);
}
.heritage-inner{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:inherit;
  padding-top:clamp(68px,6vw,104px);
  padding-bottom:clamp(40px,4vw,66px);
}
.heritage-content{
  width:min(70%,1180px);
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.78fr);
  gap:clamp(2rem,4vw,4.8rem);
  align-items:center;
}
.heritage-title-block h2{
  margin:.8rem 0 0;
  max-width:760px;
  font-size:clamp(3rem,5.4vw,6.2rem)!important;
  line-height:.91!important;
  letter-spacing:-.067em!important;
  font-weight:900!important;
  background:linear-gradient(95deg,#fff 0%,#e8e7ff 25%,#9a8fff 58%,#51cfff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
}
.heritage-section .eyebrow{color:#8bddff!important}
.heritage-section .eyebrow::before{background:#36d0f2!important;box-shadow:0 0 18px rgba(54,208,242,.75)}
.heritage-story-block{
  align-self:center;
  max-width:480px;
}
.heritage-story-block p{
  margin:0;
  color:#c6d4e4!important;
  font-size:clamp(.98rem,1.25vw,1.15rem);
  line-height:1.78;
  text-wrap:pretty;
}
.heritage-actions{margin-top:1.5rem}
.heritage-actions .btn-primary-xt{
  min-width:170px;
  justify-content:space-between;
  background:rgba(3,12,23,.48)!important;
  border:1px solid rgba(54,208,242,.72)!important;
  box-shadow:0 0 0 1px rgba(117,104,255,.12),0 14px 36px rgba(0,168,255,.16)!important;
  backdrop-filter:blur(10px);
}
.heritage-actions .btn-primary-xt:hover{
  background:linear-gradient(110deg,rgba(117,104,255,.78),rgba(57,132,255,.82) 55%,rgba(54,208,242,.72))!important;
}
.heritage-facts{
  width:min(70%,1180px);
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.7rem;
  margin-top:3rem;
}
.heritage-fact{
  min-height:74px;
  display:grid;
  grid-template-columns:44px 1fr;
  gap:.72rem;
  align-items:center;
  padding:.82rem .9rem;
  border:1px solid rgba(255,255,255,.09);
  border-radius:15px;
  background:rgba(3,10,19,.38);
  backdrop-filter:blur(9px);
}
.heritage-fact i{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  color:#36d0f2;
  font-size:1.25rem;
  border-radius:13px;
  background:rgba(54,208,242,.07);
  border:1px solid rgba(54,208,242,.16);
}
.heritage-fact span{
  color:#b9c7d7;
  font-size:.79rem;
  line-height:1.4;
}
.heritage-fact strong{
  display:block;
  color:#fff;
  font-size:.9rem;
  margin-top:.12rem;
}
html[data-theme="light"] .heritage-section{
  color:#f6f8fc!important;
  background-color:#030a13!important;
}
html[data-theme="light"] .heritage-section .heritage-story-block p{color:#c6d4e4!important}
@media(max-width:1399px){
  .heritage-section{
    background-image:
      linear-gradient(90deg,rgba(2,8,15,.34) 0%,rgba(2,8,15,.24) 49%,rgba(2,8,15,.07) 73%,rgba(2,8,15,.02) 100%),
      url("../img/heritage/romania-athenaeum-bg-1600.webp")!important;
  }
  .heritage-content,.heritage-facts{width:76%}
}
@media(max-width:1099px){
  .heritage-section{
    min-height:760px;
    background-image:
      linear-gradient(90deg,rgba(2,8,15,.88) 0%,rgba(2,8,15,.70) 55%,rgba(2,8,15,.28) 100%),
      url("../img/heritage/romania-athenaeum-bg-1200.webp")!important;
    background-position:67% center!important;
  }
  .heritage-content{width:100%;grid-template-columns:1fr;max-width:720px;align-items:start}
  .heritage-story-block{max-width:620px}
  .heritage-facts{width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .heritage-section{
    min-height:900px;
    background-image:
      linear-gradient(180deg,rgba(2,8,15,.96) 0%,rgba(2,8,15,.82) 48%,rgba(2,8,15,.36) 100%),
      url("../img/heritage/romania-athenaeum-bg-900.webp")!important;
    background-size:auto 100%!important;
    background-position:66% bottom!important;
  }
  .heritage-inner{padding-top:58px;padding-bottom:32px}
  .heritage-title-block h2{font-size:clamp(2.8rem,13vw,4.35rem)!important}
  .heritage-facts{grid-template-columns:1fr;margin-top:2.2rem}
  .heritage-fact{min-height:64px}
}

/* ============================================================
   V6.6 — Xstudios-inspired rich mega navigation + expanded footer
   ============================================================ */
@media (min-width:1400px){
  .site-header .nav-shell{position:relative}
  .site-header .navbar-collapse,.site-header .navbar-nav,.site-header .xt-rich-mega{position:static}
  .site-header .xt-mega-menu{left:0!important;right:0!important;top:calc(100% - 1px)!important;width:auto!important;max-width:none!important;transform:none!important;margin-top:0!important}
  .site-header .xt-rich-mega.xt-hover-open>.dropdown-menu{display:block}
  .site-header .xt-rich-mega::after{content:"";position:absolute;left:0;right:0;top:calc(100% - 3px);height:18px;pointer-events:auto;background:transparent}
  .site-header .navbar-nav{gap:.02rem}
  .site-header .nav-link{padding:.60rem .48rem!important;font-size:.77rem!important}
  .site-header .navbar-brand{margin-right:.8rem}
}
.xt-mega-menu{overflow:hidden;padding:0!important;border-radius:24px!important}
.xt-mega-layout{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(300px,.65fr);min-height:420px}
.xt-mega-main{padding:1.25rem 1.3rem 1.15rem}
.xt-mega-feature{display:flex;flex-direction:column;padding:1.35rem;border-left:1px solid var(--xt-line);background:radial-gradient(circle at 100% 0,rgba(54,208,242,.16),transparent 19rem),linear-gradient(145deg,rgba(117,104,255,.11),rgba(255,255,255,.025))}
html[data-theme="light"] .xt-mega-feature{background:radial-gradient(circle at 100% 0,rgba(14,183,220,.11),transparent 19rem),linear-gradient(145deg,rgba(104,89,245,.075),rgba(255,255,255,.96))}
.xt-mega-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1.2rem;margin-bottom:.9rem}
.xt-mega-head h3,.xt-mega-feature h3{margin:.28rem 0 0;font-size:1.18rem;line-height:1.22;letter-spacing:-.032em;font-weight:820;color:var(--xt-text)}
.xt-mega-feature h3{font-size:1.5rem;margin:.35rem 0 .6rem}
.xt-mega-feature p{color:var(--xt-muted);font-size:.81rem;line-height:1.66;margin:0 0 1rem}
.xt-mega-eyebrow,.xt-mega-label{display:block;color:var(--xt-muted2);font-size:.63rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.xt-mega-textlink{display:inline-flex!important;align-items:center;gap:.35rem;flex:0 0 auto;padding:.44rem .62rem!important;border:1px solid var(--xt-line);border-radius:999px!important;color:color-mix(in srgb,var(--xt-text) 76%,transparent)!important;font-size:.68rem!important;font-weight:750}
.xt-mega-textlink:hover{border-color:var(--xt-line-strong)!important}
.xt-mega-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
.xt-mega-link{display:grid!important;grid-template-columns:38px 1fr;gap:.7rem;align-items:start;min-width:0;padding:.72rem!important;border:1px solid transparent;border-radius:14px!important;color:var(--xt-text)!important;transition:.18s ease}
.xt-mega-link:hover{transform:translateY(-1px);border-color:var(--xt-line)!important;background:color-mix(in srgb,var(--xt-text) 5%,transparent)!important}
.xt-mega-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#cfd8ff;background:linear-gradient(135deg,rgba(117,104,255,.22),rgba(54,208,242,.14));border:1px solid rgba(255,255,255,.055);font-size:.92rem}
html[data-theme="light"] .xt-mega-icon{color:var(--xt-blue)}
.xt-mega-link strong{display:block;margin:.05rem 0 .12rem;color:var(--xt-text);font-size:.8rem;line-height:1.3;font-weight:760}
.xt-mega-link small{display:block;color:var(--xt-muted);font-size:.67rem;line-height:1.48}
.xt-mega-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--xt-line);color:var(--xt-muted2);font-size:.68rem}
.xt-mega-bottom a{color:#9cb9ff!important;font-weight:750;padding:.2rem!important}
html[data-theme="light"] .xt-mega-bottom a{color:var(--xt-blue)!important}
.xt-feature-list{display:grid;gap:.52rem;margin:.15rem 0 1.15rem}
.xt-feature-list span{display:flex;gap:.48rem;color:color-mix(in srgb,var(--xt-text) 78%,transparent);font-size:.72rem;line-height:1.45}.xt-feature-list i{color:var(--xt-green)}
.xt-mega-button{display:inline-flex!important;align-items:center;justify-content:center;gap:.4rem;margin-top:auto;padding:.78rem .9rem!important;border-radius:12px!important;background:linear-gradient(110deg,var(--xt-violet),var(--xt-blue) 55%,var(--xt-cyan))!important;color:#fff!important;font-size:.74rem!important;font-weight:780;box-shadow:0 12px 28px rgba(79,101,255,.22)}
.xt-mega-button:hover{color:#fff!important;transform:translateY(-1px)}
.xt-platform-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}
.xt-platform-column{min-width:0;padding:.85rem;border:1px solid var(--xt-line);border-radius:16px;background:color-mix(in srgb,var(--xt-text) 2.4%,transparent)}
.xt-platform-column .xt-mega-label{margin:0 0 .35rem .25rem}
.xt-platform-column .xt-mega-link{grid-template-columns:30px 1fr;padding:.46rem!important}.xt-platform-column .xt-mega-icon{width:30px;height:30px;border-radius:9px;font-size:.72rem}.xt-platform-column .xt-mega-link small{display:none}
.xt-mega-stat{display:flex;align-items:baseline;gap:.55rem;padding:.68rem 0;border-bottom:1px solid var(--xt-line);font-size:2rem;font-weight:850;letter-spacing:-.055em;color:var(--xt-text)}
.xt-mega-stat small{max-width:135px;color:var(--xt-muted);font-size:.69rem;line-height:1.35;letter-spacing:0;font-weight:650}
.xt-mega-compact{max-width:860px!important}
@media (min-width:1400px){.site-header .xt-mega-compact{left:auto!important;right:0!important;width:min(860px,calc(100vw - 36px))!important}}
.xt-mega-compact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:1rem}.xt-mega-compact-grid>div{padding:.75rem;border:1px solid var(--xt-line);border-radius:16px;background:color-mix(in srgb,var(--xt-text) 2.3%,transparent)}.xt-mega-compact-grid .xt-mega-label{margin:0 0 .45rem .25rem}

.xt-rich-footer{padding:0!important}.xt-footer-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;padding:2.1rem 0 2rem;border-bottom:1px solid rgba(255,255,255,.08)}
.xt-footer-eyebrow{display:block;margin-bottom:.48rem;color:#788da8;font-size:.64rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.xt-footer-cta h2{max-width:800px;margin:0 0 .5rem;color:#fff;font-size:clamp(1.9rem,3.6vw,3.7rem);line-height:.96;letter-spacing:-.055em;font-weight:850}.xt-footer-cta p{margin:0!important;max-width:700px!important;color:#7f91a8!important;font-size:.82rem!important}.xt-footer-cta-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem}
.xt-footer-grid{display:grid;grid-template-columns:1.55fr repeat(4,minmax(0,1fr));gap:1.6rem;padding:2.4rem 0 2rem}.xt-footer-contact .brand-logo{margin-bottom:1rem}.xt-footer-contact p{max-width:390px!important;margin:0 0 1rem!important;color:#718196!important;font-size:.79rem!important;line-height:1.7!important}.xt-footer-links-list{display:grid;gap:.48rem}.xt-footer-contact-link{display:flex;align-items:center;gap:.58rem;width:max-content;max-width:100%;color:#a9b8c9!important;font-size:.76rem!important}.xt-footer-icon{width:29px;height:29px;flex:0 0 29px;display:grid;place-items:center;border-radius:8px;color:#d9e8ff;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.055);font-size:.72rem}.xt-footer-contact-link:hover .xt-footer-icon{background:rgba(54,208,242,.10);color:#fff}
.xt-footer-col{display:grid;align-content:start;gap:.48rem}.xt-footer-col h3{margin:0 0 .45rem!important;padding-bottom:.65rem;border-bottom:1px solid rgba(255,255,255,.11);color:#fff!important;font-size:.78rem!important;line-height:1.2;letter-spacing:.01em!important;text-transform:none!important;font-weight:720!important}.xt-footer-col a{color:#92a3b7!important;font-size:.76rem!important;line-height:1.45}.xt-footer-col a:hover{color:#fff!important;transform:translateX(2px)}
.xt-footer-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.07);border-bottom:1px solid rgba(255,255,255,.07)}.xt-footer-proof span{display:flex;align-items:center;justify-content:center;gap:.55rem;min-height:64px;padding:.75rem;border-right:1px solid rgba(255,255,255,.07);color:#8191a5;font-size:.7rem}.xt-footer-proof span:last-child{border-right:0}.xt-footer-proof i{color:var(--xt-cyan);font-size:.95rem}.xt-footer-proof strong{color:#c8d4e1;font-weight:680}
.xt-footer-bottom{align-items:center;margin-top:0!important;padding:1.15rem 0 1.35rem!important;border-top:0!important}.xt-footer-bottom-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.9rem!important}.xt-footer-bottom-links a{color:#69798e!important;font-size:.69rem!important}.xt-footer-bottom-links a:hover{color:#fff!important}
html[data-theme="light"] .xt-rich-footer{--xt-footer:#07101c}html[data-theme="light"] .xt-rich-footer .btn-secondary-xt{background:rgba(255,255,255,.04)!important;border-color:rgba(255,255,255,.14)!important;color:#fff!important}
@media (max-width:1399.98px){.site-header .xt-mega-menu,.site-header .xt-mega-compact{position:static!important;width:100%!important;max-width:none!important;margin:.28rem 0 .55rem!important}.xt-mega-layout{grid-template-columns:1fr}.xt-mega-feature{border-left:0;border-top:1px solid var(--xt-line)}.xt-platform-columns{grid-template-columns:1fr}.xt-mega-card-grid,.xt-mega-compact-grid{grid-template-columns:1fr}.xt-mega-head{align-items:center}.xt-footer-cta{grid-template-columns:1fr}.xt-footer-cta-actions{justify-content:flex-start}.xt-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xt-footer-contact{grid-column:1/-1}.xt-footer-proof{grid-template-columns:repeat(2,minmax(0,1fr))}.xt-footer-proof span:nth-child(2){border-right:0}.xt-footer-proof span:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.07)}}
@media (max-width:767.98px){.xt-mega-main,.xt-mega-feature{padding:1rem}.xt-mega-head{display:block}.xt-mega-textlink{margin-top:.6rem}.xt-footer-grid{grid-template-columns:1fr}.xt-footer-contact{grid-column:auto}.xt-footer-proof{grid-template-columns:1fr}.xt-footer-proof span{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.07)}.xt-footer-proof span:last-child{border-bottom:0}.xt-footer-bottom{display:grid!important;grid-template-columns:1fr;gap:.8rem!important}.xt-footer-bottom-links{justify-content:flex-start}}


/* V6.7 — Social & community links in shared footer */
.xt-footer-social-block{
  margin-top:1rem;
  padding-top:1rem;
  border-top:1px solid rgba(255,255,255,.075);
}
.xt-footer-social-label{
  display:block;
  margin-bottom:.62rem;
  color:#75869b;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.xt-footer-socials{
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
}
.xt-social-button{
  width:36px;
  height:36px;
  display:grid!important;
  place-items:center;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.085);
  background:rgba(255,255,255,.04);
  color:#aebed0!important;
  font-size:.9rem!important;
  transition:.18s ease;
}
.xt-social-button:hover,
.xt-social-button:focus-visible{
  color:#fff!important;
  border-color:rgba(54,208,242,.35);
  background:linear-gradient(135deg,rgba(117,104,255,.18),rgba(54,208,242,.11));
  transform:translateY(-2px);
  box-shadow:0 10px 26px rgba(0,0,0,.2);
}


/* ============================================================
   V6.8 — Mobile navigation, transparent XU calculator & motion
   ============================================================ */

/* Dedicated mobile header: one clean row, no desktop mega-menu collapse. */
.xt-mobile-bar{height:70px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 16px;background:color-mix(in srgb,var(--xt-bg) 94%,transparent);backdrop-filter:blur(18px)}
.xt-mobile-brand{display:flex;align-items:center;min-width:0}.xt-mobile-brand .brand-logo{height:43px!important;width:auto!important;max-width:150px}
.xt-mobile-actions{display:flex;align-items:center;gap:.48rem}.xt-mobile-theme,.xt-mobile-menu-toggle,.xt-mobile-close{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--xt-line);border-radius:12px;background:rgba(255,255,255,.035);color:var(--xt-text)}
.xt-mobile-theme{font-size:1rem}.xt-mobile-menu-toggle{padding:10px;gap:4px}.xt-mobile-menu-toggle span{display:block;width:20px;height:2px;border-radius:3px;background:currentColor}.xt-mobile-close{font-size:1.1rem}
.xt-mobile-nav{--bs-offcanvas-width:min(92vw,420px);background:var(--xt-bg)!important;color:var(--xt-text)!important;border-left:1px solid var(--xt-line)!important}
.xt-mobile-nav::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 100% 0,rgba(54,208,242,.11),transparent 20rem),radial-gradient(circle at 0 35%,rgba(117,104,255,.10),transparent 22rem)}
.xt-mobile-nav>*{position:relative}.xt-mobile-nav-head{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--xt-line)}.xt-mobile-nav-head .brand-logo{height:40px!important;width:auto!important}
.xt-mobile-nav .offcanvas-body{padding:14px 14px max(26px,env(safe-area-inset-bottom));overflow-y:auto}
.xt-mobile-primary{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.05rem;margin-bottom:.7rem;border-radius:16px;background:linear-gradient(110deg,rgba(117,104,255,.25),rgba(57,132,255,.20),rgba(54,208,242,.16));border:1px solid rgba(111,145,255,.30);color:#fff!important}.xt-mobile-primary small{display:block;color:#93a8c1;font-size:.65rem;text-transform:uppercase;letter-spacing:.11em;margin-bottom:.15rem}.xt-mobile-primary span{font-weight:800}
.xt-mobile-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem;margin-bottom:.9rem}.xt-mobile-quick a{display:grid;place-items:center;gap:.28rem;min-height:70px;padding:.55rem;border:1px solid var(--xt-line);border-radius:13px;background:rgba(255,255,255,.025);color:var(--xt-muted)!important;font-size:.66rem;text-align:center}.xt-mobile-quick i{color:var(--xt-cyan);font-size:1rem}
.xt-mobile-accordion{--bs-accordion-bg:transparent;--bs-accordion-color:var(--xt-text);--bs-accordion-border-color:var(--xt-line);--bs-accordion-btn-color:var(--xt-text);--bs-accordion-active-color:var(--xt-text);--bs-accordion-active-bg:rgba(255,255,255,.035);--bs-accordion-btn-focus-box-shadow:none}.xt-mobile-accordion .accordion-item{background:transparent!important;border-color:var(--xt-line)!important}.xt-mobile-accordion .accordion-button{padding:.95rem .75rem!important;font-size:.9rem!important;font-weight:800!important;background:transparent!important;color:var(--xt-text)!important}.xt-mobile-accordion .accordion-button::after{filter:invert(.7)}html[data-theme="light"] .xt-mobile-accordion .accordion-button::after{filter:none}.xt-mobile-accordion .accordion-body{padding:.15rem 0 .75rem}.xt-mobile-accordion .accordion-body a{display:block;padding:.65rem .72rem;border-radius:11px;color:var(--xt-text)!important;font-size:.79rem;font-weight:700}.xt-mobile-accordion .accordion-body a:hover{background:rgba(255,255,255,.04)}.xt-mobile-accordion .accordion-body small{display:block;margin-top:.15rem;color:var(--xt-muted);font-size:.67rem;font-weight:500;line-height:1.45}
html[data-theme="light"] .xt-mobile-bar{background:rgba(248,251,255,.95)}html[data-theme="light"] .xt-mobile-nav{background:#f7faff!important}html[data-theme="light"] .xt-mobile-theme,html[data-theme="light"] .xt-mobile-menu-toggle,html[data-theme="light"] .xt-mobile-close{background:#fff;border-color:#d8e2ef;color:#10233a}

/* Mobile page subnavigation: one line, horizontally scrollable, never wraps. */
@media(max-width:1399.98px){.site-header{min-height:70px}.xt-desktop-navbar{display:none!important}.page-subnav{top:70px!important;overflow:hidden}.page-subnav .container-xt{display:flex!important;flex-wrap:nowrap!important;gap:.18rem!important;width:100%!important;max-width:none!important;overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 12px!important}.page-subnav .container-xt::-webkit-scrollbar{display:none}.page-subnav a{flex:0 0 auto!important;white-space:nowrap!important;padding:.73rem .75rem!important;font-size:.76rem!important}.page-hero{padding-top:clamp(3rem,9vw,5rem)!important}}
@media(max-width:480px){.xt-mobile-brand .brand-logo{height:38px!important}.xt-mobile-theme,.xt-mobile-menu-toggle{width:42px;height:42px}.xt-mobile-bar{padding:0 12px}.xt-mobile-nav{--bs-offcanvas-width:94vw}}

/* Keep the persistent stack tray useful without covering the page on phones. */
@media(max-width:767.98px){body.has-stack-tray{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.stack-tray{left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;padding:.72rem .82rem!important;border-radius:15px!important;gap:.5rem!important}.stack-tray>span{font-size:.76rem!important;min-width:0}.stack-tray-label{display:none}.stack-tray a{font-size:.74rem!important;white-space:nowrap}.stack-tray button{flex:0 0 auto}.estimator-output{position:static!important}}

/* Transparent XTND Unit calculator */
.estimator-transparent{display:grid;gap:1rem}.estimator-formula{padding:1rem 1.1rem;border:1px solid var(--xt-line);border-radius:18px;background:linear-gradient(145deg,rgba(117,104,255,.08),rgba(54,208,242,.035))}.estimator-formula strong{display:block;margin:.42rem 0 .3rem;color:var(--xt-text);font-size:clamp(.92rem,1.5vw,1.08rem);line-height:1.5}.estimator-formula small{display:block;color:var(--xt-muted);font-size:.75rem;line-height:1.55}
.estimator-base-line{display:grid;grid-template-columns:1fr auto;gap:.15rem .75rem;padding:.88rem 1rem;margin-bottom:1rem;border:1px solid var(--xt-line);border-radius:14px;background:rgba(255,255,255,.025)}.estimator-base-line span{font-weight:780}.estimator-base-line strong{color:var(--xt-cyan)}.estimator-base-line small{grid-column:1/-1;color:var(--xt-muted);font-size:.7rem;line-height:1.45}.range-line label small,.estimator-rate-note{display:block!important;color:var(--xt-muted)!important;font-size:.66rem!important;font-weight:550!important;margin-top:.1rem}
.estimator-group-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;margin-bottom:.75rem}.estimator-group-head h4{margin:0 0 .1rem}.estimator-group-head small{color:var(--xt-muted);font-size:.68rem}.estimator-stack-button{display:inline-flex;align-items:center;gap:.38rem;flex:0 0 auto;padding:.52rem .65rem;border:1px solid var(--xt-line);border-radius:10px;background:rgba(255,255,255,.025);color:var(--xt-muted);font-size:.68rem;font-weight:720}.estimator-stack-button.active{border-color:rgba(54,208,242,.35);color:var(--xt-cyan);background:rgba(54,208,242,.06)}.saved-stack-note{margin-top:.65rem;padding:.7rem .75rem;border-left:2px solid var(--xt-cyan);background:rgba(54,208,242,.045);color:var(--xt-muted);font-size:.68rem;line-height:1.5}
.estimator-breakdown-card{align-self:start}.estimator-result{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:.85rem 0}.estimator-result>div{padding:.8rem;border:1px solid var(--xt-line);border-radius:14px;background:rgba(255,255,255,.025)}.estimator-result span{display:block;font-size:clamp(1.7rem,4vw,2.75rem);font-weight:880;letter-spacing:-.055em;background:linear-gradient(100deg,#fff 0%,#a79dff 45%,#44ccf0 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.estimator-result strong{display:block;margin-top:.15rem;color:var(--xt-muted);font-size:.68rem;line-height:1.35;font-weight:650}
.xu-breakdown{display:grid;border:1px solid var(--xt-line);border-radius:16px;overflow:hidden}.xu-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;align-items:center;padding:.72rem .8rem;border-top:1px solid var(--xt-line);font-size:.73rem}.xu-row:first-child{border-top:0}.xu-row>span:first-child{color:var(--xt-muted)}.xu-row>span:last-child{color:var(--xt-text);font-weight:760;text-align:right}.xu-row small{display:block;color:var(--xt-muted2);font-size:.62rem;margin-top:.1rem}.xu-subtotal{background:rgba(255,255,255,.025)}.xu-total{background:linear-gradient(90deg,rgba(117,104,255,.10),rgba(54,208,242,.055))}.xu-total>span{color:var(--xt-text)!important;font-weight:830!important}.xu-eur>span:last-child{color:var(--xt-green)!important;font-size:.88rem}.estimator-class{margin:.75rem 0 0;color:var(--xt-muted);font-size:.7rem}.resource-exclusions{margin-top:.85rem;padding:.85rem;border:1px solid var(--xt-line);border-radius:14px;background:rgba(255,255,255,.02)}.resource-exclusions>strong{display:block;margin-bottom:.5rem;font-size:.74rem}.resource-exclusions>div{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.resource-exclusions span{display:flex;gap:.38rem;color:var(--xt-muted);font-size:.65rem;line-height:1.4}.resource-exclusions i{color:var(--xt-cyan)}.estimator-disclaimer{margin-top:.7rem;color:var(--xt-muted2);font-size:.65rem;line-height:1.45}
@media(max-width:767.98px){.estimator-formula{padding:.85rem}.estimator-grid{gap:.8rem!important}.estimator-result{grid-template-columns:1fr}.estimator-group-head{display:grid;grid-template-columns:1fr}.estimator-stack-button{width:max-content}.resource-exclusions>div{grid-template-columns:1fr}.xu-row{font-size:.7rem;padding:.68rem}.pricing-estimator .check-option{min-height:58px!important;padding:.75rem!important}.pricing-estimator .estimator-form,.pricing-estimator .estimator-output{padding:1rem!important}}

/* Motion system from the earlier Xstudios prototype, restrained for XTND. */
.xt-scroll-progress{position:fixed;z-index:2200;top:0;left:0;width:0;height:2px;pointer-events:none;background:linear-gradient(90deg,var(--xt-violet),var(--xt-blue),var(--xt-cyan));box-shadow:0 0 12px rgba(54,208,242,.4)}
.motion-ready .motion-reveal{opacity:0;transform:translate3d(0,24px,0);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1)}.motion-ready .motion-left{transform:translate3d(-26px,0,0)}.motion-ready .motion-right{transform:translate3d(26px,0,0)}.motion-ready .motion-scale{transform:translate3d(0,18px,0) scale(.975)}.motion-ready .motion-reveal.motion-in{opacity:1;transform:translate3d(0,0,0) scale(1)}
.section h1,.section h2,.home-intro h1,.page-hero h1{background-size:180% 100%!important;animation:xtGradientDrift 9s ease-in-out infinite alternate}@keyframes xtGradientDrift{from{background-position:0% 50%}to{background-position:100% 50%}}
.site-header{transition:box-shadow .25s ease,background .25s ease,border-color .25s ease}.site-header.motion-scrolled{box-shadow:0 14px 34px rgba(0,0,0,.18);border-bottom-color:rgba(100,145,255,.18)!important}
.hero-picture img{--hero-shift:0px;transform:translate3d(0,var(--hero-shift),0) scale(1.018);transform-origin:center;will-change:transform;transition:transform .14s linear}
.choice-card,.solution-card,.industry-card,.why-card,.module-card,.price-card,.compare-card,.trust-card,.info-card,.media-shell,.product-preview{transition:transform .30s cubic-bezier(.2,.7,.2,1),box-shadow .30s ease,border-color .30s ease}.choice-card:hover,.solution-card:hover,.industry-card:hover,.why-card:hover,.module-card:hover,.price-card:hover,.trust-card:hover{transform:translateY(-5px);box-shadow:0 20px 44px rgba(0,0,0,.18)}.media-shell:hover img{transform:scale(1.025)}.media-shell img{transition:transform 1s cubic-bezier(.2,.7,.2,1)}.motion-tilt{transform-style:preserve-3d;will-change:transform;transition:transform .16s ease}
.btn-primary-xt,.btn-nav,.xt-mega-button{position:relative;overflow:hidden}.btn-primary-xt::after,.btn-nav::after,.xt-mega-button::after{content:"";position:absolute;pointer-events:none;top:-90%;left:-45%;width:26%;height:280%;opacity:0;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);transition:left .78s cubic-bezier(.2,.7,.2,1),opacity .18s ease}.btn-primary-xt:hover::after,.btn-nav:hover::after,.xt-mega-button:hover::after{left:125%;opacity:.42}
.xt-social-button:hover .bi{transform:scale(1.08)}.xt-social-button .bi{transition:transform .25s cubic-bezier(.2,.8,.2,1.25)}
@media(prefers-reduced-motion:reduce){.xt-scroll-progress{display:none!important}.section h1,.section h2,.home-intro h1,.page-hero h1{animation:none!important}.hero-picture img{transform:none!important}.motion-ready .motion-reveal{opacity:1!important;transform:none!important;transition:none!important}}


/* ============================================================
   V6.9 — Desktop header regression fix
   The desktop and mobile headers are intentionally separate.
   At >= 1400px the desktop navbar must always stay in one row.
   ============================================================ */
@media (min-width:1400px){
  .site-header{
    min-height:72px!important;
  }

  .xt-desktop-navbar{
    display:flex!important;
    width:100%!important;
    min-height:72px!important;
    padding:0!important;
  }

  .xt-desktop-navbar .nav-shell{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    width:min(1320px,calc(100% - 36px))!important;
    min-height:72px!important;
    margin-inline:auto!important;
  }

  .xt-desktop-navbar .navbar-brand{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    margin:0 1rem 0 0!important;
    padding:0!important;
  }

  .xt-desktop-navbar .brand-logo{
    display:block!important;
    width:auto!important;
    height:38px!important;
  }

  .xt-desktop-navbar .navbar-collapse{
    display:flex!important;
    flex:1 1 auto!important;
    flex-basis:auto!important;
    min-width:0!important;
    align-items:center!important;
    justify-content:flex-end!important;
    padding:0!important;
  }

  .xt-desktop-navbar .navbar-nav{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:.02rem!important;
    width:auto!important;
    margin-left:auto!important;
    white-space:nowrap!important;
  }

  .xt-desktop-navbar .nav-item{
    display:flex!important;
    align-items:center!important;
    flex:0 0 auto!important;
    margin-top:0!important;
  }

  .xt-desktop-navbar .nav-link{
    display:flex!important;
    align-items:center!important;
    min-height:40px!important;
    padding:.58rem .48rem!important;
    font-size:.77rem!important;
    line-height:1!important;
  }

  .xt-desktop-navbar .theme-nav{
    margin-left:.25rem!important;
  }

  .xt-desktop-navbar .theme-toggle{
    width:auto!important;
    min-width:40px!important;
    min-height:38px!important;
    margin:0!important;
    padding:.48rem .58rem!important;
    justify-content:center!important;
  }

  .xt-desktop-navbar .theme-toggle-label{
    display:none!important;
  }

  .xt-desktop-navbar .btn-nav{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-height:40px!important;
    margin:0!important;
    padding:.68rem .86rem!important;
    white-space:nowrap!important;
    font-size:.77rem!important;
  }

  /* Explicitly keep the mobile header out of desktop layout. */
  .xt-mobile-bar{
    display:none!important;
  }
}

/* Ensure the dedicated mobile header owns all sub-1400px layouts. */
@media (max-width:1399.98px){
  .xt-desktop-navbar{
    display:none!important;
  }
}


/* ============================================================
   V6.14 — Production visual system consolidation
   One canonical system for spacing, full-width backgrounds,
   light/dark parity and crawlable card-title links.
   ============================================================ */

/* ---------- Rhythm / spacing ---------- */
:root{
  --xt-section-y:clamp(72px,7vw,104px);
  --xt-section-y-compact:clamp(54px,5.5vw,78px);
  --xt-section-head-gap:clamp(1.35rem,2.3vw,2.3rem);
  --xt-grid-gap:clamp(.9rem,1.5vw,1.25rem);
  --xt-card-pad:clamp(1.15rem,1.7vw,1.5rem);
}
.section{
  padding:var(--xt-section-y) 0!important;
}
.section.section-compact{padding:var(--xt-section-y-compact) 0!important}
.section-head{
  align-items:center!important;
  gap:clamp(1.5rem,3vw,3rem)!important;
  margin-bottom:var(--xt-section-head-gap)!important;
}
.section-head>p{
  align-self:center!important;
  margin:0!important;
  max-width:620px;
}
.section-head.section-head-top{align-items:start!important}
.section-head.section-head-top>p{align-self:start!important;padding-top:.55rem}
:is(.choice-grid,.solution-grid,.why-grid,.industry-grid,.usecase-grid,.trust-grid,.module-grid,.compare-grid){
  gap:var(--xt-grid-gap)!important;
}
:is(.choice-card,.solution-card,.why-card,.industry-card,.usecase-card,.module-card,.info-card,.contact-card,.trust-card,.metric-card,.compare-card,.price-card){
  padding:var(--xt-card-pad)!important;
}
.actions{gap:.72rem!important}
.module-pills{gap:.48rem!important}
.media-caption{margin-top:.8rem!important;line-height:1.6!important}
.page-hero{padding:clamp(72px,7vw,96px) 0 clamp(58px,6vw,76px)!important}
.home-intro{padding:clamp(70px,7vw,92px) 0 clamp(44px,4.5vw,62px)!important}

/* Cards should feel related, not like disconnected floating islands. */
.solution-card,.choice-card,.why-card,.industry-card,.usecase-card,.module-card,.trust-card,.price-card{
  min-height:100%;
}
.solution-card h3,.choice-card h3,.why-card h3,.industry-card h3,.usecase-card h3,.module-card h3,.trust-card h3,.price-card h3{
  margin:.58rem 0 .52rem!important;
}

/* ---------- Crawlable title links ---------- */
.card-title-link{
  color:inherit!important;
  text-decoration:none!important;
  display:inline;
  background:none!important;
  -webkit-text-fill-color:inherit!important;
}
.card-title-link:hover,
.card-title-link:focus-visible{
  color:var(--xt-blue)!important;
  text-decoration:none!important;
}
html[data-theme="dark"] .card-title-link:hover,
html[data-theme="dark"] .card-title-link:focus-visible{color:#9fc0ff!important}

/* ---------- Canonical cinematic background system ---------- */
.section-full-bg{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:520px!important;
  display:flex!important;
  align-items:center!important;
  background:var(--xt-bg2)!important;
}
.section-full-bg::before,
.section-full-bg::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  pointer-events:none!important;
}
.section-full-bg::before{
  z-index:-2!important;
  opacity:0!important;
  background-image:var(--xt-full-bg)!important;
  background-size:cover!important;
  background-position:center right!important;
  background-repeat:no-repeat!important;
  transform:none!important;
  filter:none!important;
  transition:opacity .65s ease!important;
}
.section-full-bg.atm-loaded::before{opacity:.92!important}
.section-full-bg::after{
  z-index:-1!important;
  background:
    linear-gradient(90deg,
      rgba(4,10,20,.97) 0%,
      rgba(5,13,25,.90) 28%,
      rgba(5,13,25,.67) 50%,
      rgba(4,10,20,.28) 72%,
      rgba(4,10,20,.11) 100%),
    linear-gradient(180deg,rgba(3,8,16,.10),rgba(3,8,16,.34))!important;
}
.section-full-bg>.container-xt{
  position:relative!important;
  z-index:1!important;
  width:min(1320px,calc(100% - 36px))!important;
  max-width:1320px!important;
  margin-inline:auto!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* Responsive image mapping */
.section-atmosphere.atm-platform{--xt-full-bg:url("../img/backgrounds/platform-1440.webp")}
.section-atmosphere.atm-trust{--xt-full-bg:url("../img/backgrounds/trust-1440.webp")}
.section-atmosphere.atm-business{--xt-full-bg:url("../img/backgrounds/business-1440.webp")}
.section-atmosphere.atm-builder{--xt-full-bg:url("../img/backgrounds/builder-1440.webp")}
.section-atmosphere.atm-operator{--xt-full-bg:url("../img/backgrounds/operator-1440.webp")}
.section-atmosphere.atm-cloud{--xt-full-bg:url("../img/backgrounds/cloud-1440.webp")}
.section-atmosphere.atm-hospitality{--xt-full-bg:url("../img/backgrounds/hospitality-1440.webp")}
.section-atmosphere.atm-website{--xt-full-bg:url("../img/backgrounds/website-1440.webp")}
.section-atmosphere.atm-modules{--xt-full-bg:url("../img/backgrounds/modules-1440.webp")}
.section-atmosphere.atm-relay{--xt-full-bg:url("../img/backgrounds/relay-1440.webp")}
.section-atmosphere.atm-romania{--xt-full-bg:url("../img/backgrounds/romania-1440.webp")}

@media(min-width:1700px){
  .section-atmosphere.atm-platform{--xt-full-bg:url("../img/backgrounds/platform-1916.webp")}
  .section-atmosphere.atm-trust{--xt-full-bg:url("../img/backgrounds/trust-1916.webp")}
  .section-atmosphere.atm-business{--xt-full-bg:url("../img/backgrounds/business-1916.webp")}
  .section-atmosphere.atm-builder{--xt-full-bg:url("../img/backgrounds/builder-1916.webp")}
  .section-atmosphere.atm-operator{--xt-full-bg:url("../img/backgrounds/operator-1916.webp")}
  .section-atmosphere.atm-cloud{--xt-full-bg:url("../img/backgrounds/cloud-1916.webp")}
  .section-atmosphere.atm-hospitality{--xt-full-bg:url("../img/backgrounds/hospitality-1916.webp")}
  .section-atmosphere.atm-website{--xt-full-bg:url("../img/backgrounds/website-1916.webp")}
  .section-atmosphere.atm-modules{--xt-full-bg:url("../img/backgrounds/modules-1916.webp")}
  .section-atmosphere.atm-relay{--xt-full-bg:url("../img/backgrounds/relay-1916.webp")}
  .section-atmosphere.atm-romania{--xt-full-bg:url("../img/backgrounds/romania-1916.webp")}
}
@media(max-width:1099.98px){
  .section-atmosphere.atm-platform{--xt-full-bg:url("../img/backgrounds/platform-960.webp")}
  .section-atmosphere.atm-trust{--xt-full-bg:url("../img/backgrounds/trust-960.webp")}
  .section-atmosphere.atm-business{--xt-full-bg:url("../img/backgrounds/business-960.webp")}
  .section-atmosphere.atm-builder{--xt-full-bg:url("../img/backgrounds/builder-960.webp")}
  .section-atmosphere.atm-operator{--xt-full-bg:url("../img/backgrounds/operator-960.webp")}
  .section-atmosphere.atm-cloud{--xt-full-bg:url("../img/backgrounds/cloud-960.webp")}
  .section-atmosphere.atm-hospitality{--xt-full-bg:url("../img/backgrounds/hospitality-960.webp")}
  .section-atmosphere.atm-website{--xt-full-bg:url("../img/backgrounds/website-960.webp")}
  .section-atmosphere.atm-modules{--xt-full-bg:url("../img/backgrounds/modules-960.webp")}
  .section-atmosphere.atm-relay{--xt-full-bg:url("../img/backgrounds/relay-960.webp")}
  .section-atmosphere.atm-romania{--xt-full-bg:url("../img/backgrounds/romania-960.webp")}
}

/* Dark foreground treatment */
.section-full-bg{
  --xt-text:#f6f8fc;
  --xt-muted:#aab7c9;
  --xt-muted2:#8495ab;
  --xt-line:rgba(255,255,255,.12);
  color:#f6f8fc!important;
}
.section-full-bg .section-head>p,
.section-full-bg p,
.section-full-bg .workflow-copy,
.section-full-bg .best-for{color:#b2c0d0!important}
.section-full-bg h1,
.section-full-bg h2{
  background:linear-gradient(95deg,#fff 0%,#d6dcff 27%,#8b7fff 59%,#45ccef 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  text-shadow:none!important;
}
.section-full-bg h3,
.section-full-bg strong{color:#f6f8fc!important}
.section-full-bg .eyebrow{color:#a8eaff!important}
.section-full-bg :is(
  .why-card,.choice-card,.solution-card,.workflow-panel,.configurator-panel,
  .config-panel,.price-card,.estimate-card,.module-family-card,.module-card,
  .info-card,.operator-card,.microflow,.stack-summary,.pricing-estimator,
  .estimator-form,.estimator-output,.estimator-breakdown-card,.trust-card,
  .metric-card,.compare-card,.contact-card,.hier-node,.check-option,.stack-item
){
  background:rgba(7,14,26,.70)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#f6f8fc!important;
  box-shadow:0 22px 60px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(12px)!important;
}
.section-full-bg :is(.module-pill,.module-chip,.workflow-step,.step){
  background:rgba(8,18,32,.72)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#dbe5f0!important;
}

/* ---------- Light-theme cinematic parity ---------- */
html[data-theme="light"] .section-full-bg{
  --xt-text:#142238;
  --xt-muted:#5f7288;
  --xt-muted2:#7b8da2;
  --xt-line:rgba(25,55,90,.14);
  background:#eef4fa!important;
  color:#142238!important;
}
html[data-theme="light"] .section-full-bg::before{
  opacity:0!important;
  filter:saturate(.80) contrast(.88) brightness(1.18)!important;
}
html[data-theme="light"] .section-full-bg.atm-loaded::before{opacity:.22!important}
html[data-theme="light"] .section-full-bg::after{
  background:
    linear-gradient(90deg,
      rgba(249,252,255,.995) 0%,
      rgba(247,251,254,.98) 30%,
      rgba(243,248,252,.93) 52%,
      rgba(238,246,251,.78) 72%,
      rgba(235,244,250,.62) 100%),
    linear-gradient(180deg,rgba(255,255,255,.32),rgba(228,238,247,.26))!important;
}
html[data-theme="light"] .section-full-bg>.container-xt{
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html[data-theme="light"] .section-full-bg h1,
html[data-theme="light"] .section-full-bg h2{
  background:linear-gradient(95deg,#142238 0%,#31415e 28%,var(--xt-violet) 61%,var(--xt-cyan) 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
html[data-theme="light"] .section-full-bg h3,
html[data-theme="light"] .section-full-bg strong{color:#142238!important}
html[data-theme="light"] .section-full-bg .section-head>p,
html[data-theme="light"] .section-full-bg p,
html[data-theme="light"] .section-full-bg .workflow-copy,
html[data-theme="light"] .section-full-bg .best-for{
  color:#5f7288!important;
  text-shadow:none!important;
}
html[data-theme="light"] .section-full-bg .eyebrow{color:#087fa6!important}

/* Absolutely no dark marketing panels inside light cinematic sections. */
html[data-theme="light"] .section-full-bg :is(
  .why-card,.choice-card,.solution-card,.workflow-panel,.configurator-panel,
  .config-panel,.price-card,.estimate-card,.module-family-card,.module-card,
  .info-card,.operator-card,.microflow,.stack-summary,.pricing-estimator,
  .estimator-form,.estimator-output,.estimator-breakdown-card,.trust-card,
  .metric-card,.compare-card,.contact-card,.hier-node,.check-option,.stack-item,
  .product-preview
){
  background:rgba(255,255,255,.82)!important;
  border-color:rgba(31,67,105,.14)!important;
  color:#142238!important;
  box-shadow:0 18px 48px rgba(37,63,97,.10)!important;
  backdrop-filter:blur(13px)!important;
}
html[data-theme="light"] .section-full-bg :is(.module-pill,.module-chip,.workflow-step,.step){
  background:rgba(255,255,255,.82)!important;
  border-color:rgba(31,67,105,.14)!important;
  color:#263950!important;
}

/* Product/interface previews also honor the selected theme. */
html[data-theme="light"] .product-preview{
  background:#f8fbff!important;
  border-color:rgba(31,67,105,.16)!important;
  color:#17263b!important;
}
html[data-theme="light"] .preview-top,
html[data-theme="light"] .preview-nav{
  background:#eef4fb!important;
  border-color:rgba(31,67,105,.13)!important;
  color:#496078!important;
}
html[data-theme="light"] .preview-nav .active{
  background:#dcecff!important;
  color:#173653!important;
}
html[data-theme="light"] .preview-metric{
  background:#fff!important;
  border-color:rgba(31,67,105,.14)!important;
}
html[data-theme="light"] .preview-metric strong{color:#17263b!important}
html[data-theme="light"] .preview-metric span{color:#657990!important}
html[data-theme="light"] .preview-table{border-color:rgba(31,67,105,.14)!important}
html[data-theme="light"] .preview-row{
  border-top-color:rgba(31,67,105,.12)!important;
  color:#52677f!important;
}
html[data-theme="light"] .preview-badge{color:#12805e!important}

/* ---------- Company / Romania heritage ---------- */
.heritage-section{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  min-height:620px!important;
  background-color:#06101d!important;
  background-image:
    linear-gradient(90deg,rgba(4,10,20,.98) 0%,rgba(5,13,25,.89) 34%,rgba(5,13,25,.58) 55%,rgba(4,10,20,.12) 80%,rgba(4,10,20,.05) 100%),
    url("../img/backgrounds/romania-1440.webp")!important;
  background-size:cover!important;
  background-position:center right!important;
  background-repeat:no-repeat!important;
}
.heritage-section>.container-xt{
  width:min(1320px,calc(100% - 36px))!important;
  max-width:1320px!important;
  background:transparent!important;
}
html[data-theme="light"] .heritage-section{
  background-color:#edf4fa!important;
  background-image:
    linear-gradient(90deg,rgba(250,252,255,.995) 0%,rgba(248,251,254,.98) 34%,rgba(243,248,252,.90) 56%,rgba(237,245,251,.72) 80%,rgba(234,243,250,.58) 100%),
    url("../img/backgrounds/romania-1440.webp")!important;
  color:#142238!important;
}
html[data-theme="light"] .heritage-title-block h2{
  background:linear-gradient(95deg,#142238 0%,#31415e 28%,var(--xt-violet) 60%,var(--xt-cyan) 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
}
html[data-theme="light"] .heritage-story-block p{color:#5f7288!important}
html[data-theme="light"] .heritage-fact{
  background:rgba(255,255,255,.78)!important;
  border-color:rgba(31,67,105,.14)!important;
  box-shadow:0 16px 42px rgba(37,63,97,.08)!important;
}
html[data-theme="light"] .heritage-fact strong{color:#142238!important}
html[data-theme="light"] .heritage-fact span{color:#657990!important}

@media(min-width:1700px){
  .heritage-section{
    background-image:
      linear-gradient(90deg,rgba(4,10,20,.98) 0%,rgba(5,13,25,.89) 34%,rgba(5,13,25,.58) 55%,rgba(4,10,20,.12) 80%,rgba(4,10,20,.05) 100%),
      url("../img/backgrounds/romania-1916.webp")!important;
  }
  html[data-theme="light"] .heritage-section{
    background-image:
      linear-gradient(90deg,rgba(250,252,255,.995) 0%,rgba(248,251,254,.98) 34%,rgba(243,248,252,.90) 56%,rgba(237,245,251,.72) 80%,rgba(234,243,250,.58) 100%),
      url("../img/backgrounds/romania-1916.webp")!important;
  }
}

/* ---------- Light-theme footer parity ---------- */
html[data-theme="light"] .xt-rich-footer{
  --xt-footer:#f1f6fb!important;
  background:
    radial-gradient(circle at 92% 0,rgba(14,183,220,.07),transparent 26rem),
    linear-gradient(180deg,#f7faff,#eef4fa)!important;
  color:#24364c!important;
  border-top-color:rgba(31,67,105,.12)!important;
}
html[data-theme="light"] .xt-footer-cta,
html[data-theme="light"] .xt-footer-proof{border-color:rgba(31,67,105,.12)!important}
html[data-theme="light"] .xt-footer-cta h2{
  background:linear-gradient(95deg,#142238 0%,#31415e 28%,var(--xt-violet) 62%,var(--xt-cyan) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important;
}
html[data-theme="light"] .xt-footer-cta p,
html[data-theme="light"] .xt-footer-contact p{color:#63758b!important}
html[data-theme="light"] .xt-footer-col h3{color:#20344c!important;border-color:rgba(31,67,105,.13)!important}
html[data-theme="light"] .xt-footer-col a,
html[data-theme="light"] .xt-footer-contact-link{color:#5e7289!important}
html[data-theme="light"] .xt-footer-col a:hover,
html[data-theme="light"] .xt-footer-contact-link:hover{color:#142238!important}
html[data-theme="light"] .xt-footer-icon{
  color:#2477ef!important;background:rgba(36,119,239,.07)!important;border-color:rgba(36,119,239,.12)!important;
}
html[data-theme="light"] .xt-footer-proof span{color:#6a7d92!important;border-color:rgba(31,67,105,.12)!important}
html[data-theme="light"] .xt-footer-proof strong{color:#263950!important}
html[data-theme="light"] .xt-footer-bottom,
html[data-theme="light"] .xt-footer-bottom-links a{color:#6f8196!important}
html[data-theme="light"] .xt-footer-bottom-links a:hover{color:#142238!important}
html[data-theme="light"] .xt-rich-footer .btn-secondary-xt{
  background:rgba(255,255,255,.78)!important;border-color:rgba(31,67,105,.16)!important;color:#21364e!important;
}
html[data-theme="light"] .xt-rich-footer :is(.xt-social-link,.social-link){
  background:rgba(255,255,255,.78)!important;border-color:rgba(31,67,105,.14)!important;color:#29415c!important;
}

/* ---------- Light-theme contrast safeguards ---------- */
html[data-theme="light"] .estimator-result span{
  background:linear-gradient(100deg,#17263b 0%,var(--xt-violet) 47%,var(--xt-cyan) 100%)!important;
  -webkit-background-clip:text!important;background-clip:text!important;
  color:transparent!important;-webkit-text-fill-color:transparent!important;
}
html[data-theme="light"] :is(.form-control,.form-select,.search-box input){
  background:#fff!important;color:#17263b!important;border-color:rgba(31,67,105,.18)!important;
}
html[data-theme="light"] :is(.form-control,.search-box input)::placeholder{color:#8a99aa!important}
html[data-theme="light"] :is(
  .choice-card,.solution-card,.why-card,.industry-card,.usecase-card,.module-card,
  .info-card,.contact-card,.trust-card,.metric-card,.compare-card,.workflow-panel,
  .builder,.pricing-estimator,.media-shell,.hier-node,.check-option,.stack-item,.price-card
) :is(h3,h4,strong){color:#142238!important}
html[data-theme="light"] :is(.btn-primary-xt,.btn-nav,.xt-mega-button,.xt-mobile-primary){
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}

/* Theme-aware utility panels; replaces legacy inline dark panels. */
.theme-surface-panel{
  background:#07111f!important;color:#f6f8fc!important;border:1px solid rgba(255,255,255,.09)!important;
}
html[data-theme="light"] .theme-surface-panel{
  background:#fff!important;color:#142238!important;border-color:rgba(31,67,105,.14)!important;
}
html[data-theme="light"] .theme-surface-panel :is(.step,strong,h3,h4){color:#263950!important}

/* ---------- Responsive ---------- */
@media(max-width:1199px){
  .section-head{align-items:start!important}
  .section-head>p{align-self:start!important;max-width:760px}
}
@media(max-width:1099.98px){
  .section-full-bg>.container-xt,
  .heritage-section>.container-xt{width:min(1320px,calc(100% - 28px))!important}
  .section-full-bg::before{background-position:68% center!important}
  html[data-theme="light"] .section-full-bg.atm-loaded::before{opacity:.18!important}
}
@media(max-width:767.98px){
  :root{
    --xt-section-y:60px;
    --xt-section-y-compact:48px;
    --xt-section-head-gap:1.45rem;
    --xt-grid-gap:.85rem;
  }
  .section-head{gap:1rem!important}
  .section-full-bg{
    min-height:auto!important;
    padding:var(--xt-section-y) 0!important;
  }
  .section-full-bg>.container-xt,
  .heritage-section>.container-xt{width:calc(100% - 24px)!important}
  .section-full-bg::before{background-position:72% center!important}
  .section-full-bg.atm-loaded::before{opacity:.68!important}
  html[data-theme="light"] .section-full-bg.atm-loaded::before{opacity:.14!important}
  .heritage-section{min-height:auto!important;background-position:70% center!important}
}
@media(prefers-reduced-motion:reduce){
  .section-full-bg::before{transition:none!important}
}


/* V6.15 — Responsive homepage hero carousel */
.home-hero-carousel{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#030914;
  border-bottom:1px solid rgba(115,155,210,.18);
  color:#f7f9ff;
  min-height:clamp(650px,calc(100svh - 72px),840px);
}
.home-hero-track{position:relative;min-height:inherit}
.home-hero-slide{
  position:absolute;
  inset:0;
  display:grid;
  min-height:inherit;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .8s cubic-bezier(.2,.7,.2,1),visibility .8s step-end;
}
.home-hero-slide.is-active{position:relative;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .8s cubic-bezier(.2,.7,.2,1),visibility 0s step-start}
.home-hero-media{position:absolute;inset:0;z-index:-3;overflow:hidden;background:#030914}
.home-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;transform:scale(1.01);transition:transform 9s ease-out;will-change:transform}
.home-hero-slide.is-active .home-hero-media img{transform:scale(1.045)}
.home-hero-scrim{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(2,8,18,.98) 0%,rgba(2,8,18,.90) 25%,rgba(2,8,18,.63) 44%,rgba(2,8,18,.18) 72%,rgba(2,8,18,.08) 100%),linear-gradient(180deg,rgba(2,8,18,.14),rgba(2,8,18,.18) 62%,rgba(2,8,18,.70) 100%)}
.home-hero-inner{position:relative;z-index:1;display:flex;align-items:center;min-height:inherit;padding-top:clamp(48px,6vw,82px);padding-bottom:clamp(100px,10vw,132px)}
.home-hero-copy{width:min(720px,58%);text-shadow:0 2px 20px rgba(0,0,0,.16)}
.home-hero-copy .eyebrow{color:#dce9f8!important;border-color:rgba(180,214,244,.24)!important;background:rgba(4,13,28,.40)!important;backdrop-filter:blur(12px)}
.home-hero-copy h1,.home-hero-title{font-size:clamp(3.15rem,5.6vw,6rem)!important;line-height:.92!important;letter-spacing:-.067em!important;font-weight:880!important;color:#f7f9ff!important;margin:1.05rem 0 1.15rem;max-width:740px}
.home-hero-copy .gradient-text{background:linear-gradient(95deg,#f5f5ff 0%,#c6c2ff 36%,#7168ff 68%,#54c9ff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important}
.home-hero-copy p{max-width:720px;margin:0;color:#c0ccda!important;font-size:clamp(.98rem,1.18vw,1.12rem);line-height:1.72}
.home-hero-copy .btn-secondary-xt{background:rgba(5,15,29,.56)!important;border-color:rgba(190,214,239,.28)!important;color:#f5f8fc!important;backdrop-filter:blur(12px)}
.home-hero-copy .btn-secondary-xt:hover{background:rgba(19,41,67,.72)!important;color:#fff!important}
.home-hero-text-link{display:inline-flex;align-items:center;gap:.45rem;color:#d7e7f7;font-weight:760;padding:.75rem .15rem;transition:color .2s ease,transform .2s ease}
.home-hero-text-link:hover{color:#58d7ff;transform:translateY(-1px)}
.home-hero-ui{position:absolute;z-index:5;left:50%;bottom:24px;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.home-hero-controls{display:flex;align-items:center;gap:.7rem;pointer-events:auto}
.home-hero-arrow{display:grid;place-items:center;width:42px;height:42px;border-radius:999px;border:1px solid rgba(199,221,243,.22);background:rgba(4,13,28,.48);color:#eff8ff;backdrop-filter:blur(12px);transition:background .2s ease,border-color .2s ease,transform .2s ease}
.home-hero-arrow:hover{background:rgba(24,74,124,.62);border-color:rgba(91,201,255,.54);transform:translateY(-1px)}
.home-hero-dots{display:flex;align-items:center;gap:.48rem;padding:.58rem .65rem;border:1px solid rgba(199,221,243,.18);border-radius:999px;background:rgba(4,13,28,.44);backdrop-filter:blur(12px)}
.home-hero-dot{width:9px;height:9px;border:0;border-radius:999px;padding:0;background:rgba(220,235,250,.35);transition:width .25s ease,background .25s ease,box-shadow .25s ease}
.home-hero-dot.is-active{width:30px;background:#40c8ff;box-shadow:0 0 18px rgba(64,200,255,.6)}
.home-hero-counter{pointer-events:none;display:flex;gap:.38rem;align-items:center;color:#9eb4ca;font-size:.72rem;letter-spacing:.14em;font-weight:760}
.home-hero-counter [data-home-hero-current]{color:#e9f5ff}
html[data-theme="light"] .home-hero-carousel{color:#fff;background:#030914}
html[data-theme="light"] .home-hero-copy h1,html[data-theme="light"] .home-hero-title{color:#fff!important}
html[data-theme="light"] .home-hero-copy p{color:#c7d4e2!important}
@media(max-width:1199.98px){
  .home-hero-carousel{min-height:clamp(620px,calc(100svh - 70px),800px)}
  .home-hero-copy{width:min(760px,72%)}
  .home-hero-scrim{background:linear-gradient(90deg,rgba(2,8,18,.97) 0%,rgba(2,8,18,.84) 40%,rgba(2,8,18,.38) 72%,rgba(2,8,18,.18) 100%),linear-gradient(180deg,rgba(2,8,18,.16),rgba(2,8,18,.24) 62%,rgba(2,8,18,.72) 100%)}
}
@media(max-width:767.98px){
  .home-hero-carousel{min-height:clamp(680px,calc(100svh - 62px),790px)}
  .home-hero-media img{object-position:70% center;transform:scale(1.01)}
  .home-hero-slide:nth-child(2) .home-hero-media img{object-position:69% center}
  .home-hero-slide.is-active .home-hero-media img{transform:scale(1.025)}
  .home-hero-scrim{background:linear-gradient(180deg,rgba(2,8,18,.80) 0%,rgba(2,8,18,.69) 26%,rgba(2,8,18,.78) 60%,rgba(2,8,18,.96) 100%),linear-gradient(90deg,rgba(2,8,18,.92),rgba(2,8,18,.34) 90%)}
  .home-hero-inner{align-items:flex-end;padding-top:42px;padding-bottom:112px}
  .home-hero-copy{width:100%;max-width:620px}
  .home-hero-copy h1,.home-hero-title{font-size:clamp(2.65rem,12vw,4.25rem)!important;line-height:.94!important;letter-spacing:-.06em!important;margin:.85rem 0 1rem}
  .home-hero-copy p{font-size:.96rem;line-height:1.65;max-width:600px}
  .home-hero-copy .actions{margin-top:1.15rem;gap:.58rem}
  .home-hero-copy .btn-primary-xt,.home-hero-copy .btn-secondary-xt{padding:.78rem .9rem!important;font-size:.86rem}
  .home-hero-text-link{width:100%;padding:.35rem .1rem .1rem}
  .home-hero-ui{bottom:18px}
  .home-hero-arrow{width:39px;height:39px}
}
@media(max-width:479.98px){
  .home-hero-carousel{min-height:730px}
  .home-hero-media img{object-position:73% center}
  .home-hero-slide:nth-child(2) .home-hero-media img{object-position:71% center}
  .home-hero-inner{padding-bottom:108px}
  .home-hero-copy h1,.home-hero-title{font-size:clamp(2.42rem,12.4vw,3.55rem)!important}
  .home-hero-copy p{font-size:.91rem;line-height:1.6}
  .home-hero-copy .actions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
  .home-hero-copy .actions .home-hero-text-link{grid-column:1/-1}
  .home-hero-copy .btn-primary-xt,.home-hero-copy .btn-secondary-xt{width:100%}
  .home-hero-counter{display:none}
}
@media(prefers-reduced-motion:reduce){
  .home-hero-slide,.home-hero-media img,.home-hero-dot,.home-hero-arrow{transition:none!important}
  .home-hero-slide.is-active .home-hero-media img{transform:none!important}
}


/* V6.16 — unified 1320px grid + fixed-height six-slide homepage hero */
/* Header, hero copy and page content now share the exact same content grid. */
.site-header .container-xt{width:min(1320px,calc(100% - 36px))!important}

/* The carousel owns its height; every slide is absolutely stacked inside it.
   This prevents copy length or image aspect ratio from changing hero height between slides. */
.home-hero-carousel{height:clamp(650px,calc(100svh - 72px),840px)!important;min-height:0!important}
.home-hero-track{height:100%!important;min-height:0!important}
.home-hero-slide,.home-hero-slide.is-active{position:absolute!important;inset:0!important;height:100%!important;min-height:0!important}
.home-hero-inner{height:100%!important;min-height:0!important}

@media(max-width:1199.98px){
  .home-hero-carousel{height:clamp(640px,calc(100svh - 70px),800px)!important;min-height:0!important}
}
@media(max-width:767.98px){
  .site-header .container-xt{width:min(1320px,calc(100% - 24px))!important}
  .home-hero-carousel{height:clamp(700px,calc(100svh - 62px),820px)!important;min-height:0!important}
}
@media(max-width:479.98px){
  .home-hero-carousel{height:760px!important;min-height:0!important}
}

/* V6.17 — sharper hero assets, stronger header scale, language + secure contact */
@media(min-width:1400px){
  .site-header .nav-shell{min-height:78px}
  .site-header .brand-logo{height:47px!important;width:auto!important;max-width:210px}
  .site-header .navbar-nav{gap:.28rem}
  .site-header .nav-link{font-size:.96rem!important;line-height:1.2;padding:.82rem .78rem!important;font-weight:650;letter-spacing:-.01em}
  .site-header .btn-nav{font-size:.91rem!important;padding:.8rem 1.06rem!important}
  .site-header .theme-toggle{font-size:.86rem}
}
.xt-lang-switch{display:inline-flex;align-items:center;gap:.38rem;min-height:38px;padding:.55rem .65rem;border:1px solid rgba(193,216,239,.18);border-radius:10px;color:#b9cce0;font-size:.78rem;font-weight:780;letter-spacing:.06em;background:rgba(255,255,255,.025);transition:.18s ease}
.xt-lang-switch:hover,.xt-lang-switch:focus{color:#fff;background:rgba(255,255,255,.07);border-color:rgba(91,201,255,.35)}
.xt-lang-switch .active{color:#55d4ff}
.xt-lang-divider{opacity:.38}
.xt-mobile-lang{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:38px;border-radius:10px;border:1px solid rgba(193,216,239,.18);color:#d8e8f8;font-size:.76rem;font-weight:800;letter-spacing:.07em;background:rgba(255,255,255,.025)}
@media(max-width:1399.98px){.site-header .brand-logo{height:39px!important;width:auto!important}.xt-mobile-actions{gap:.45rem}}

/* Keep cinematic motion without magnifying raster assets enough to soften them. */
.home-hero-media img{transform:scale(1.002)!important;transition:transform 12s ease-out!important;image-rendering:auto}
.home-hero-slide.is-active .home-hero-media img{transform:scale(1.014)!important}
@media(max-width:767.98px){
  .home-hero-media img{transform:scale(1.001)!important}
  .home-hero-slide.is-active .home-hero-media img{transform:scale(1.008)!important}
}
@media(prefers-reduced-motion:reduce){.home-hero-slide.is-active .home-hero-media img{transform:none!important}}

.contact-security{display:grid;gap:.65rem;margin-top:.35rem}
.turnstile-slot{min-height:65px;display:flex;align-items:center}
.contact-status{min-height:1.5rem;margin:0;font-size:.82rem;line-height:1.5;color:#6f849a}
.contact-status[data-state="error"]{color:#d95562}
.contact-status[data-state="success"]{color:#1c9b63}
.contact-status[data-state="working"]{color:#3a8fd8}
.contact-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
html[data-theme="dark"] .contact-status{color:#9fb2c5}
html[data-theme="dark"] .contact-status[data-state="error"]{color:#ff8993}
html[data-theme="dark"] .contact-status[data-state="success"]{color:#72e2ad}

/* V6.19 — restore original XTND logo and keep brand anchors visually clean. */
.site-header .navbar-brand,
.site-header .xt-mobile-brand,
.site-header .navbar-brand:hover,
.site-header .navbar-brand:focus,
.site-header .navbar-brand:active,
.site-header .xt-mobile-brand:hover,
.site-header .xt-mobile-brand:focus,
.site-header .xt-mobile-brand:active,
.site-header .navbar-brand.active,
.site-header .xt-mobile-brand.active,
.site-header .navbar-brand[aria-current="page"],
.site-header .xt-mobile-brand[aria-current="page"]{
  background:transparent!important;
  box-shadow:none!important;
  border-color:transparent!important;
}
.site-header .brand-logo{
  background:transparent!important;
}


/* V6.20 — 10 module/suite hero slides appended after the existing carousel. */
.home-hero-slide--module .home-hero-copy{width:min(560px,46%)}
.home-hero-slide--module .home-hero-scrim{background:linear-gradient(90deg,rgba(2,8,18,.99) 0%,rgba(2,8,18,.95) 22%,rgba(2,8,18,.80) 37%,rgba(2,8,18,.30) 50%,rgba(2,8,18,.055) 66%,rgba(2,8,18,.02) 100%),linear-gradient(180deg,rgba(2,8,18,.08),rgba(2,8,18,.10) 68%,rgba(2,8,18,.50) 100%)}
.home-hero-slide--module .home-hero-title--compact{font-size:clamp(2.75rem,4.55vw,4.8rem)!important;line-height:.94!important;letter-spacing:-.058em!important}
.home-hero-dots--dense{gap:.34rem;padding:.52rem .58rem}
.home-hero-dots--dense .home-hero-dot{width:7px;height:7px}
.home-hero-dots--dense .home-hero-dot.is-active{width:24px}
@media(max-width:1199.98px){
  .home-hero-slide--module .home-hero-copy{width:min(600px,58%)}
  .home-hero-slide--module .home-hero-scrim{background:linear-gradient(90deg,rgba(2,8,18,.98) 0%,rgba(2,8,18,.90) 34%,rgba(2,8,18,.42) 65%,rgba(2,8,18,.12) 100%),linear-gradient(180deg,rgba(2,8,18,.12),rgba(2,8,18,.22) 65%,rgba(2,8,18,.67) 100%)}
}
@media(max-width:767.98px){
  .home-hero-slide--module .home-hero-copy{width:100%;max-width:620px}
  .home-hero-slide--module .home-hero-media img{object-position:74% center}
  .home-hero-slide--module .home-hero-scrim{background:linear-gradient(180deg,rgba(2,8,18,.55) 0%,rgba(2,8,18,.62) 30%,rgba(2,8,18,.82) 62%,rgba(2,8,18,.97) 100%),linear-gradient(90deg,rgba(2,8,18,.88),rgba(2,8,18,.20) 100%)}
  .home-hero-slide--module .home-hero-title--compact{font-size:clamp(2.35rem,10.8vw,3.55rem)!important}
  .home-hero-dots--dense{gap:.25rem;padding:.45rem .48rem}
  .home-hero-dots--dense .home-hero-dot{width:6px;height:6px}
  .home-hero-dots--dense .home-hero-dot.is-active{width:18px}
}
@media(max-width:479.98px){
  .home-hero-pause{display:none!important}
  .home-hero-controls{gap:.48rem}
}


/* V6.21 — preserve hero raster sharpness.
   Hero artwork contains fine dashboard typography and thin neon UI edges.
   Transform-based zoom forces a second browser rasterization pass and softens them. */
.home-hero-media img{
  transform:none!important;
  transition:none!important;
  will-change:auto!important;
  image-rendering:auto!important;
}
.home-hero-slide.is-active .home-hero-media img{transform:none!important}
@media(max-width:767.98px){
  .home-hero-media img,.home-hero-slide.is-active .home-hero-media img{transform:none!important}
}



/* XTND V6.23 — public-safe module family selection. */
.xt-registry-wrap{margin-top:1.6rem;scroll-margin-top:145px}
.xt-registry-box{border:1px solid var(--xt-line,rgba(255,255,255,.14));border-radius:20px;padding:clamp(1rem,2vw,1.5rem);background:rgba(7,17,31,.78);box-shadow:0 18px 55px rgba(0,0,0,.12);color:#edf4ff}
.xt-registry-head{display:flex;align-items:flex-start;gap:1.25rem;margin-bottom:1rem}
.xt-registry-head h3{font-size:clamp(1.12rem,2vw,1.45rem);font-weight:800;color:inherit;margin:.45rem 0 .4rem}
.xt-registry-head p{font-size:.83rem;color:#a4b7cd;line-height:1.6;margin:0;max-width:760px}
.xt-reg-controls{display:grid;grid-template-columns:minmax(0,1fr);gap:.65rem;margin:1.1rem 0}
.xt-reg-field{display:flex;flex-direction:column;gap:.3rem;min-width:0;font-size:.76rem;font-weight:750;color:#a5b4c7}
.xt-reg-field input{width:100%;min-height:44px;border-radius:11px;background:#091628;color:#f1f7ff;border:1px solid rgba(187,215,245,.20);padding:.65rem .75rem;font-size:.83rem;outline-offset:2px}
.xt-reg-field input:focus{border-color:#37bbff;outline:2px solid rgba(43,189,255,.25)}
.xt-reg-field input::placeholder{color:#8399ae}
.xt-reg-statusline{margin:.4rem 0 1rem;color:#a8bed3;font-size:.76rem}
.xt-reg-results{display:grid;gap:.55rem;max-height:600px;overflow:auto;overscroll-behavior:contain;padding-right:.15rem}
.xt-reg-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem;background:rgba(11,27,46,.85);border:1px solid rgba(188,216,250,.12);border-radius:13px;padding:clamp(.85rem,1.5vw,1.05rem);min-width:0}
.xt-reg-title strong{font-size:.89rem;color:#f2f7fc}
.xt-reg-entry p{font-size:.78rem;color:#a3b4c9;line-height:1.55;margin:.4rem 0}
.xt-reg-meta{font-size:.72rem;color:#9fc5de}
.xt-reg-actions{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.xt-reg-actions button{cursor:pointer;border:1px solid rgba(154,193,240,.22);border-radius:9px;background:linear-gradient(100deg,#525cf0,#149bc4);color:#fff;min-height:39px;padding:.46rem .8rem;font-size:.78rem;font-weight:750;white-space:nowrap}
.xt-reg-actions button:hover{filter:brightness(1.12)}
.xt-reg-actions button.is-selected{background:rgba(33,138,94,.25);color:#a2ffe0;border-color:rgba(76,203,152,.28)}
.xt-reg-selection-heading{font-size:.79rem;color:#bcd2e4;font-weight:700;margin:.7rem 0}
.xt-reg-selected-list{display:flex;flex-wrap:wrap;gap:.4rem;margin:.7rem 0}
.xt-reg-selected-list button{display:inline-flex;align-items:center;gap:.3rem;border:1px solid rgba(77,181,225,.27);background:rgba(24,107,158,.18);color:#d5f1ff;border-radius:999px;padding:.36rem .55rem;font-size:.72rem}
.xt-reg-empty{padding:2rem;text-align:center;color:#a5b8cd}
.xt-reg-disclaimer,.xt-public-catalog-note{color:#90a4ba;font-size:.76rem;line-height:1.6;margin:1rem 0 0}
.xt-reg-disclaimer{display:flex;gap:.45rem;align-items:start}
.xt-reg-intro,.xt-reg-pricing-intro{font-size:.83rem;color:#b4c6db;margin:.5rem 0 1rem;line-height:1.6}
.xt-public-catalog-cta{margin-top:1.5rem;padding:clamp(1.1rem,2vw,1.5rem);border:1px solid var(--xt-line,rgba(255,255,255,.14));border-radius:18px;background:rgba(12,30,50,.66)}
.xt-public-catalog-cta p{color:var(--xt-muted,#9eafc2);max-width:740px}
.xt-public-catalog-cta .btn-primary-xt{display:inline-flex}
.builder-options [data-registry-picker] .xt-registry-box{padding:.85rem;border-radius:13px}
.builder-options [data-registry-picker] .xt-reg-results{max-height:460px}
.builder-options [data-registry-picker] .xt-reg-entry{grid-template-columns:1fr;gap:.55rem}
.builder-options [data-registry-picker] .xt-reg-actions{justify-content:flex-start}
.estimator-modules [data-registry-picker] .xt-reg-results{max-height:400px}
html[data-theme="light"] .xt-registry-box{background:rgba(255,255,255,.90);border-color:rgba(36,76,113,.16);color:#192c47;box-shadow:0 18px 44px rgba(35,72,105,.07)}
html[data-theme="light"] .xt-registry-head h3,html[data-theme="light"] .xt-reg-title strong{color:#142238}
html[data-theme="light"] .xt-registry-head p,html[data-theme="light"] .xt-reg-entry p{color:#576d84}
html[data-theme="light"] .xt-reg-field{color:#596c81}
html[data-theme="light"] .xt-reg-field input{background:#fff;color:#172a40;border-color:rgba(27,76,113,.20)}
html[data-theme="light"] .xt-reg-statusline,html[data-theme="light"] .xt-reg-selection-heading{color:#4f647a}
html[data-theme="light"] .xt-reg-entry{background:rgba(249,252,255,.96);border-color:rgba(36,76,113,.13)}
html[data-theme="light"] .xt-reg-meta{color:#456581}
html[data-theme="light"] .xt-reg-disclaimer,html[data-theme="light"] .xt-public-catalog-note{color:#62798f}
html[data-theme="light"] .xt-reg-actions button{color:#fff}
html[data-theme="light"] .xt-reg-actions button.is-selected{color:#087c57;background:#e3f9ed}
html[data-theme="light"] .xt-reg-selected-list button{color:#1c6487;background:#e7f7ff}
html[data-theme="light"] .xt-public-catalog-cta{background:rgba(248,252,255,.92);border-color:rgba(36,76,113,.13)}
@media(max-width:800px){.xt-reg-entry{grid-template-columns:1fr}.xt-reg-actions{justify-content:flex-start}}