/* Shared, scoped conversion and media components. No framework dependency. */
.ci-video-facade { display:grid; place-items:center; position:relative; width:100%; min-height:180px; aspect-ratio:16/9; overflow:hidden; border-radius:18px; background:#12243a; color:#fff!important; text-decoration:none; }
.ci-video-facade img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.55; }
.ci-video-facade span { position:relative; padding:14px 20px; border-radius:100px; background:#143929; color:#fff; font:600 16px/1.5 system-ui,sans-serif; text-align:center; }
.ci-video-facade b { margin-right:8px; }
.ci-video-facade:focus-visible,.ci-video-start:focus-visible { outline:3px solid #59d9a1; outline-offset:4px; }
.ci-video-embed { width:100%; aspect-ratio:16/9; min-height:200px; border:0; border-radius:18px; }
.ratio > .ci-video-facade,.ratio > .ci-video-embed { min-height:0; height:100%; border-radius:0; }
.ci-video-start { position:relative; z-index:5; border:0; border-radius:100px; background:#173b2d; color:#fff; padding:14px 20px; cursor:pointer; font-weight:700; }
.ci-video-start[hidden] { display:none; }
.hero-home__mobile-video .ci-video-facade { min-height:0; }
.ci-pricing-summary h2 { font-size:clamp(22px,3vw,30px); line-height:1.25; font-weight:750; margin-bottom:16px; }
.ci-pricing-summary table { min-width:620px; }
.ci-pricing-summary p { line-height:1.7; }
.ci-plan-limits { padding:0!important; margin:16px 0 24px!important; list-style:none; color:#314d43; font-size:15px; }
.ci-plan-limits li { padding:7px 0; border-bottom:1px solid #dce8e1; }
.ci-buying-guide { margin:32px 0; padding:clamp(20px,4vw,36px); background:#f0f8f4; border:1px solid #c9e2d5; border-radius:24px; color:#173c2c; }
.ci-buying-guide h2 { color:#173c2c; font-size:clamp(24px,3vw,34px); line-height:1.2; }
.ci-buying-guide p { color:#315345; line-height:1.7; }
.ci-choice-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:24px; }
.ci-choice-grid article { padding:22px; background:#fff; border:1px solid #d6e7de; border-radius:16px; }
.ci-choice-grid h3 { font-size:20px; line-height:1.3; color:#173c2c; margin-bottom:12px; }
.ci-choice-grid a { color:#155d3b; text-decoration:underline; font-weight:700; }
.ci-proof-note { font-size:14px; line-height:1.6; }
.ci-plan-card h3 { font-size:26px; font-weight:750; color:inherit; }
.ci-plan-card { display:flex; flex-direction:column; }
.ci-plan-card > .ci-btn { margin-top:auto; }
.ci-pricing__billing-selector { scroll-margin-top:100px; }
@media(max-width:767px) {
 .ci-choice-grid { grid-template-columns:1fr; }
 .ci-price-summary { margin-top:12px; }
 .ci-plan-card--ultimate { display:block; }
 .ci-plan-card { scroll-margin-top:90px; }
 .ci-pricing-summary { width:calc(100% - 24px); }
 .ci-hero-v2__visual { background-image:url("/_assets/images/hero_mobile2-optimized.028fd3eae5db.webp"); }
}
@media(prefers-reduced-motion:reduce) {
 html { scroll-behavior:auto!important; }
 .ci-hero-v2 *, .ci-workflow-card { animation:none!important; transition:none!important; }
}
.ci-price-nav { display:flex; flex-wrap:wrap; gap:12px; padding-block:24px; }
.ci-price-nav a { display:inline-block; padding:10px 16px; border:1px solid #ccdcd3; border-radius:100px; color:#174e35; font-weight:650; text-decoration:none; background:#fff; }
.ci-price-nav a:hover { background:#eaf5ee; }
.ci-native-dialog { border:0; border-radius:20px; padding:48px 12px 12px; width:min(1000px,94vw); max-height:90vh; background:#10201a; color:#fff; }
.ci-native-dialog::backdrop { background:rgb(0 0 0 / .75); }
.ci-native-dialog iframe { display:block; width:100%; height:auto; aspect-ratio:16/9; border:0; border-radius:10px; }
#chatModal iframe { height:70vh; }
.ci-native-close { position:absolute; right:12px; top:6px; color:white; border:0; background:transparent; font-size:32px; line-height:1; width:40px; height:40px; cursor:pointer; }
[data-native-home] #list-example .list-group-item { display:none; }
[data-native-home] #list-example .list-group-item.active { display:block; }
[data-native-home] .flexslider .slide { display:block; }
[data-native-home] .flexslider .slide ~ .slide { display:none; }
[data-native-home] #gotoTop { display:block; text-align:center; position:static; width:40px; height:40px; line-height:40px; }
[data-native-home] .ci-primary-menu .menu-container { display:flex; }
[data-native-home] .hero-home__mobile-video { margin-top:20px; }
@media(min-width:992px){[data-native-home] .primary-menu-trigger { display:none; }}
@media(max-width:991px){
 [data-native-home] .ci-primary-menu { display:none!important; flex-basis:100%; width:100%; order:4; }
 [data-native-home] .ci-primary-menu.is-open { display:block!important; }
 [data-native-home] .ci-primary-menu .menu-container { display:flex!important; flex-direction:column; background:#102a21; padding:12px 18px; border-radius:16px; }
 [data-native-home] .primary-menu-trigger { display:flex; }
 [data-native-home] .ci-header-row { flex-wrap:wrap; }
}
@media(max-width:991px){
 [data-native-home] .primary-menu-trigger { display:flex!important; width:40px; height:44px; }
 [data-native-home] .ci-header-logo { width:170px!important; height:auto!important; }
 [data-native-home] .cnvs-hamburger-box { width:24px; }
 [data-native-home] .cnvs-hamburger-inner,[data-native-home] .cnvs-hamburger-inner::before,[data-native-home] .cnvs-hamburger-inner::after { width:24px; }
}
@media(max-width:767px){
 [data-native-home] .ci-lateral-bg { display:none; }
 [data-native-home] .hero-home__subtitle { color:#e5eee9; }
 [data-native-home] .ci-hero-v2__visual { min-height:360px; }
}
[data-native-home] .btn-hero-secondary__text { color:#b5d7ff; background:none; -webkit-text-fill-color:currentColor; }
@media(max-width:991px){
 [data-native-home] .ci-header-row { display:grid; grid-template-columns:minmax(0,1fr) auto 40px; gap:8px; align-items:center; }
 [data-native-home] #logo { grid-column:1; grid-row:1; margin:0; }
 [data-native-home] .ci-header-actions { grid-column:2; grid-row:1; margin:0; }
 [data-native-home] .primary-menu-trigger { grid-column:3; grid-row:1; position:static; margin:0; padding:0; }
 [data-native-home] .ci-primary-menu { grid-column:1/-1; grid-row:2; }
 [data-native-home] .cnvs-hamburger { position:relative; inset:auto; transform:none; margin:0; padding:0; width:40px; height:40px; display:grid; place-items:center; }
 [data-native-home] .cnvs-hamburger-box { display:block; position:relative; height:18px; }
 [data-native-home] .cnvs-hamburger-inner { position:absolute; top:50%; left:0; }
}
/* Keep real section heights from the first layout. A shared 800px placeholder
   changes the document height during scrolling and makes anchor jumps unstable. */
@media(max-width:767px){
 [data-native-home] .premium-particles { display:none; }
 [data-native-home] .premium-scroll-bg__layer:not(.premium-scroll-bg__night) { display:none; }
}
[data-native-home] .btn-hero-secondary__text { background:none!important; color:#c1ddff!important; -webkit-text-fill-color:#c1ddff!important; }
@media(min-width:992px){[data-native-home] .ci-primary-menu .menu-container { gap:16px; }}

/* A real image lets the browser discover the hero before styles finish loading. */
[data-native-home] .ci-hero-v2__visual { background-image:none; }
[data-native-home] .ci-hero-v2__visual picture { display:block; width:100%; }
[data-native-home] .ci-hero-v2__visual img { display:block; width:100%; height:auto; }
@media(max-width:767px) {
 [data-native-home] { background:#050b19; }
 [data-native-home] .premium-scroll-bg { background:linear-gradient(155deg,#071c26 0%,#071020 45%,#11102c 100%); }
 [data-native-home] .premium-scroll-bg__layer,
 [data-native-home] .premium-particles,
 [data-native-home] .ci-lateral-bg,
 [data-native-home] .imgFundoHero { display:none; background-image:none; }
 [data-native-home] .ci-hero-v2__visual { height:auto; min-height:0; }
 [data-native-home] .ci-hero-v2__visual::after { display:none; }
}

/* Lighthouse: retain readable text on the light comparison section and video CTA. */
[data-native-home] .ci-video-start { color: #fff !important; }
[data-native-home] .ci-comparison h2 { color: #17352e !important; }
[data-native-home] .ci-comparison__subtitle { color: #415b52 !important; }
[data-native-home] .ci-comparison .ci-section-label { color: #6743b3; }
.ci-pricing-summary p a { text-decoration: underline !important; text-underline-offset: .18em; }

[data-native-home] .widget .ci-footer-heading { font-size: 14px; line-height: 1.5; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 25px; }

/* Keep the mobile CTA gradient, but avoid repainting its background and shadow forever. */
[data-native-home] .ci-mobile-floating-cta,
[data-native-home] .ci-mobile-floating-cta.is-visible {
 animation:none;
 background-position:50% 50%;
}
/* The shine/arrow use transforms; pause them while the CTA is hidden. */
[data-native-home] .ci-mobile-floating-cta:not(.is-visible)::before,
[data-native-home] .ci-mobile-floating-cta:not(.is-visible) i {
 animation-play-state:paused;
}
