; nested containers stay neutral */
.elementor>.e-con,.elementor>.elementor-section{position:relative;z-index:2;padding:7rem 0}
.elementor>.e-con.hero,.elementor>.elementor-section.hero,.elementor>.e-con.page-hero,.elementor>.elementor-section.page-hero{padding:0}
/* Heading widget — class applied to wrapper, propagate styling to inner heading */
.display h1,.display h2,.display .elementor-heading-title{font-size:clamp(2.8rem,7vw,6.2rem);letter-spacing:-.045em;line-height:.98}
/* Counter widget styling when nested in statbar */
.statbar .elementor-counter-number-wrapper{font-family:var(--font-d);font-weight:800;font-size:clamp(1.5rem,2.5vw,2.2rem);letter-spacing:-.02em;color:var(--text);line-height:1}
.statbar .elementor-counter-title{font-family:var(--font-m);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-top:.35rem}
/* Astra top-bar/header hidden — XPRO Theme Builder owns header */
.ast-primary-header-bar,#masthead.site-header,.ast-header-break-point .main-header-bar-wrap{display:none!important}
@media (max-width:1024px){
.cards{grid-template-columns:repeat(2,1fr)}
.fcards{grid-template-columns:repeat(2,1fr)}
.flow{grid-template-columns:1fr 1fr}
.feature,.feature--reverse{grid-template-columns:1fr;gap:2.5rem}
.contact-grid{grid-template-columns:1fr;gap:2rem}
.fgrid{grid-template-columns:1fr 1fr;gap:2rem}
.statbar{grid-template-columns:1fr 1fr;max-width:520px}
.statbar .cell + .cell::before{display:none}
.statbar .cell{border-bottom:1px solid var(--card-bd);padding:1.1rem .7rem}
.statbar .cell:nth-child(2n){border-left:1px solid var(--card-bd)}
.statbar .cell:last-child,.statbar .cell:nth-last-child(2){border-bottom:0}
.statgrid{grid-template-columns:1fr 1fr}
.statgrid .cell:nth-child(2n){border-right:0}
.statgrid .cell:nth-child(1),.statgrid .cell:nth-child(2){border-bottom:1px solid var(--card-bd)}
}
@media (max-width:900px){
.nav-links{display:none}
.nav-cta{display:none}
.burger{display:flex}
.scroll-dots{display:none}
}
@media (max-width:767px){
.elementor-section,.e-con{padding:4rem 0}
.hero{padding:7rem 1.2rem 4rem}
.page-hero{padding:8rem 1.2rem 3rem;min-height:60vh}
.wrap{padding:0 1.2rem}
.cards,.cards--2,.fcards,.flow,.statgrid,.fgrid{grid-template-columns:1fr}
.statgrid .cell{border-right:0;border-bottom:1px solid var(--card-bd)}
.statgrid .cell:last-child{border-bottom:0}
.fbot{flex-direction:column;align-items:flex-start}
.hero-ctas{flex-direction:column;width:100%}
.hero-ctas .btn{width:100%;justify-content:center}
.nav{padding:1rem 1.2rem}
.modal-panel{padding:1.8rem;max-height:88vh}
.card--right-num h3{max-width:100%}
}
/* ============================================================
ELEMENTOR WIDGET INTEGRATION
When a class is applied via Advanced > CSS Classes it lands
on the widget wrapper ().
These rules propagate styling to the inner element so the
visual matches the static design.
============================================================ */
/* Heading widgets */
.display .elementor-heading-title{font-family:var(--font-d);font-weight:800;font-size:clamp(2.8rem,7vw,6.2rem);letter-spacing:-.045em;line-height:.98;color:var(--text);margin:0}
.eyebrow.elementor-widget-heading{padding-left:0!important}
.eyebrow.elementor-widget-heading::before{display:none}
.eyebrow.elementor-widget-heading .elementor-heading-title{font-family:var(--font-m);font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);position:relative;padding-left:36px;display:inline-block;margin:0}
.eyebrow.elementor-widget-heading .elementor-heading-title::before{content:"";position:absolute;left:0;top:50%;width:24px;height:1px;background:var(--cyan)}
.cnum.elementor-widget-heading{position:absolute;top:.8rem;left:1.2rem;z-index:1;pointer-events:none;margin:0;width:auto}
.cnum .elementor-heading-title{font-family:var(--font-d);font-weight:800;font-size:2.6rem;opacity:.10;letter-spacing:-.04em;color:var(--text);transition:opacity .45s,color .45s;margin:0}
.card .cnum.elementor-widget-heading + *{margin-top:2.4rem}
.card:hover .cnum .elementor-heading-title{opacity:.55;color:var(--cyan)}
.num.elementor-widget-heading .elementor-heading-title{font-family:var(--font-d);font-weight:800;font-size:clamp(1.5rem,2.5vw,2.2rem);letter-spacing:-.02em;color:var(--text);margin:0;line-height:1.1}
.lbl.elementor-widget-heading .elementor-heading-title{font-family:var(--font-m);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);margin-top:.35rem;line-height:1.3}
/* Text editor widgets that act as inline pills/badges */
.hero-badge.elementor-widget-text-editor,
.hero-badge.elementor-widget-text-editor .elementor-widget-container{display:inline-flex;align-items:center;gap:.55rem;width:auto;max-width:none}
.hero-badge.elementor-widget-text-editor{padding:.55rem 1rem;border:1px solid var(--card-bd);border-radius:100px;background:var(--accent-soft);font-family:var(--font-m);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin-bottom:2rem;align-self:center}
.fbadge.elementor-widget-text-editor{display:inline-block;width:auto;flex:0 0 auto;padding:.5rem .95rem;border-radius:100px;border:1px solid var(--card-bd);font-family:var(--font-m);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim)}
.marquee-item.elementor-widget-text-editor{display:inline-flex;align-items:center;gap:3rem;width:auto;flex:0 0 auto;font-family:var(--font-m);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text);white-space:nowrap}
.marquee-item.elementor-widget-text-editor::after{content:"\25C7";color:var(--cyan);font-size:.7rem}
.lede.elementor-widget-text-editor p,
.lede.elementor-widget-text-editor{font-size:clamp(1rem,1.3vw,1.18rem);color:var(--text-dim);max-width:62ch;font-weight:300;margin:0}
/* Button widgets — style the inner .elementor-button, not the wrapper */
.btn.elementor-widget-button .elementor-button{font-family:var(--font-b);font-size:.86rem;font-weight:500;padding:.95rem 1.6rem;border-radius:100px;display:inline-flex;align-items:center;gap:.5rem;border:1px solid transparent;transition:all .35s;min-height:44px;line-height:1;background:transparent;color:var(--text)}
.btn-fill.elementor-widget-button .elementor-button{background:var(--cyan);color:#fff}
.btn-fill.elementor-widget-button .elementor-button:hover{background:var(--cyan);color:#fff;transform:translateY(-3px);box-shadow:0 18px 36px -12px rgba(30,155,240,.6)}
.btn-ghost.elementor-widget-button .elementor-button{background:transparent;color:var(--text);border-color:var(--card-bd)}
.btn-ghost.elementor-widget-button .elementor-button:hover{border-color:var(--cyan);background:var(--accent-soft);color:var(--text)}
/* Layout: statbar as 4-col flex row, card containers as flex columns */
.statbar.e-con{flex-direction:row!important;gap:0;width:100%;max-width:820px;margin-left:auto;margin-right:auto}
.statbar .cell.e-con{flex:1 1 0;align-items:center;text-align:center;padding:1.2rem .8rem}
.card.e-con{position:relative;flex-direction:column}
.hero-ctas.e-con{flex-direction:row;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}
.cards.e-con{flex-direction:row;gap:1.4rem;flex-wrap:wrap}
.cards.e-con > .e-con.card{flex:1 1 calc(33.333% - 1rem);min-width:280px}
.feature.e-con{flex-direction:row;gap:4rem;align-items:center}
.feature.e-con > .e-con{flex:1 1 0}
.fbadges.e-con{flex-direction:row;flex-wrap:wrap;gap:.6rem;margin-top:2rem}
.shead.e-con{align-items:flex-start;gap:.5rem}
.marquee-track.e-con{flex-direction:row;flex-wrap:nowrap;gap:3rem;width:max-content;animation:mq 32s linear infinite}
.marquee.e-con{overflow:hidden;padding:1.2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.marquee.e-con > .e-con-inner{padding:0;max-width:none;width:100%}
.hero-inner.e-con{align-items:center;text-align:center}
.hero-inner.e-con .lede{text-align:center}
/* Image widget inside .fimg container */
.fimg .elementor-widget-image,
.fimg .elementor-widget-image .elementor-widget-container,
.fimg .elementor-widget-image img{width:100%;height:100%;object-fit:cover;display:block}
.fimg.e-con{aspect-ratio:4/5;border-radius:26px;overflow:hidden;position:relative}
.fimg.e-con::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(7,17,19,.45));pointer-events:none;z-index:1}
/* The hero is the only full-screen section */
.elementor>.e-con.hero{min-height:100vh;padding:8rem 1.8rem 5rem;justify-content:center;align-items:center;text-align:center}
@media (max-width:767px){
.cards.e-con > .e-con.card{flex:1 1 100%}
.feature.e-con{flex-direction:column;gap:2.5rem}
.statbar.e-con{flex-wrap:wrap}
.statbar .cell.e-con{flex:1 1 50%;border-bottom:1px solid var(--card-bd)}
.statbar .cell.e-con:nth-child(2n){border-left:1px solid var(--card-bd)}
.statbar .cell.e-con:last-child,.statbar .cell.e-con:nth-last-child(2){border-bottom:0}
}
@media (min-width:768px) and (max-width:1024px){
.cards.e-con > .e-con.card{flex:1 1 calc(50% - .7rem)}
}