:root{--ink:#111827;--muted:#667085;--line:#e5e7f0;--bg:#f7f8ff;--card:#fff;--violet:#6048ff;--violet2:#8b47f5;--blue:#3b82f6;--green:#16a66a;--orange:#f59e0b;--cyan:#06b6d4;--pink:#d946ef;--shadow:0 22px 60px rgba(42,35,91,.12);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(229,231,240,.8)}.nav-wrap{height:78px;display:flex;align-items:center;gap:28px}.brand img{width:122px}.nav-links{display:flex;gap:23px;align-items:center;margin-left:auto}.nav-links a{font-size:14px;font-weight:650;color:#4b5567;transition:.2s}.nav-links a:hover{color:var(--violet)}.nav-actions{display:flex;gap:10px}.nav-toggle{display:none;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font-size:20px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:13px;font-weight:750;font-size:14px;border:1px solid transparent;transition:.2s;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#5362ff,#8d43f6);box-shadow:0 12px 30px rgba(96,72,255,.2)}.btn-ghost,.btn-soft{background:#fff;border-color:var(--line)}.btn-soft:hover,.btn-ghost:hover{border-color:#c9c4ff;background:#faf9ff}.btn-white{background:#fff;color:#4c37e8}.btn-outline-light{border-color:rgba(255,255,255,.42);color:#fff}.btn-lg{min-height:54px;padding:0 25px;border-radius:15px}.btn-block{width:100%;margin-top:auto}.hero{padding:72px 0 54px;background:radial-gradient(circle at 92% 12%,rgba(132,80,255,.16),transparent 32%),radial-gradient(circle at 8% 88%,rgba(68,119,255,.10),transparent 28%),linear-gradient(180deg,#fbfbff,#f5f6ff)}.hero-grid{display:grid;grid-template-columns:.95fr 1.15fr;gap:58px;align-items:center}.eyebrow{display:inline-block;color:#6148f7;font-weight:850;font-size:12px;letter-spacing:.12em;margin-bottom:14px}.eyebrow.light{color:#cfc7ff}.hero h1,.section-heading h2,.solutions-copy h2,.security-grid h2,.contact-copy h2,.final-cta h2{font-family:"Space Grotesk",Inter,sans-serif;letter-spacing:-.04em}.hero h1{font-size:clamp(44px,5.2vw,70px);line-height:1.02;margin:0 0 24px}.hero h1 span{background:linear-gradient(90deg,#4f5cff,#9b3ff1);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:19px;color:#5e667a;max-width:620px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.trial-note{margin-top:15px;font-size:13px;font-weight:650;color:#716b86}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;font-size:13px;color:#4e5668}.hero-visual{position:relative}.browser-frame{background:#fff;border:1px solid #dde0eb;border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}.browser-bar{height:38px;border-bottom:1px solid #ececf4;background:#fbfbfd;display:flex;align-items:center;padding:0 14px;gap:7px}.browser-bar span{width:8px;height:8px;border-radius:999px;background:#d6d8e2}.browser-bar b{font-size:10px;color:#9aa0ae;margin-left:8px;font-weight:600}.hero-browser{transform:perspective(1200px) rotateY(-4deg) rotateX(1deg)}.hero-browser img{width:100%;aspect-ratio:1.72/1;object-fit:cover;object-position:top left}.floating-card{position:absolute;background:rgba(255,255,255,.96);box-shadow:0 15px 35px rgba(50,44,90,.14);border:1px solid rgba(226,226,240,.9);padding:13px 16px;border-radius:14px;display:grid;gap:2px;font-size:12px}.floating-card strong{font-size:13px}.floating-card span{color:#737b8e}.floating-one{left:-30px;bottom:26px}.floating-two{right:-24px;top:36px}.process-strip{background:#fff;border-top:1px solid #eeeeF5;border-bottom:1px solid #eeeeF5}.process-grid{display:grid;grid-template-columns:repeat(6,1fr);padding:20px 0}.process-grid div{padding:8px 18px;border-right:1px solid var(--line);display:grid;gap:3px}.process-grid div:last-child{border-right:0}.process-grid span{font-size:10px;font-weight:800;color:#8a7eff}.process-grid b{font-size:14px}.process-grid small{color:#7c8494}.section{padding:96px 0}.section-tint{background:#f7f8ff}.section-heading{max-width:760px;margin-bottom:44px}.section-heading.centered{text-align:center;margin-left:auto;margin-right:auto}.section-heading h2,.solutions-copy h2,.security-grid h2,.contact-copy h2{font-size:clamp(34px,4vw,52px);line-height:1.08;margin:0 0 18px}.section-heading p,.solutions-copy>p,.security-grid>div>p,.contact-copy>p{font-size:17px;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{border:1px solid var(--line);border-radius:22px;padding:26px;background:#fff;box-shadow:0 12px 35px rgba(40,43,82,.05)}.feature-card .icon{width:45px;height:45px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;margin-bottom:22px}.icon.violet{background:#f1edff;color:#6a46f5}.icon.blue{background:#eaf2ff;color:#3574f4}.icon.green{background:#e8f8ef;color:#14925d}.icon.orange{background:#fff3dc;color:#d98700}.icon.cyan{background:#e7fbff;color:#0c96b4}.icon.pink{background:#faeaff;color:#c335dd}.feature-card h3{font-size:19px;margin:0 0 9px}.feature-card p{color:var(--muted);margin:0 0 20px}.feature-card b{font-size:12px;color:#5a46e9}.solutions-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:center}.check-list{list-style:none;padding:0;margin:28px 0;display:grid;gap:14px}.check-list li{padding-left:28px;position:relative;color:#555f72}.check-list li:before{content:"✓";position:absolute;left:0;color:#634bf2;font-weight:900}.text-link{font-weight:800;color:#5e43e9}.solution-stack{display:grid;gap:14px}.solution-metric{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px;display:flex;align-items:center;gap:20px}.solution-metric strong{font-size:34px;color:#5a48f1;min-width:90px}.solution-metric span{color:#5d6475}.product-section{overflow:hidden}.product-explorer{border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.explorer-tabs{display:flex;gap:8px;overflow:auto;padding:14px;border-bottom:1px solid var(--line);background:#fafaff}.explorer-tab{white-space:nowrap;border:1px solid transparent;background:transparent;padding:10px 14px;border-radius:11px;font-weight:700;color:#646d7f;cursor:pointer}.explorer-tab.active{background:#fff;color:#563cf0;border-color:#dcd8ff;box-shadow:0 6px 18px rgba(76,61,180,.08)}.explorer-main{padding:24px;display:grid;grid-template-columns:240px 1fr;gap:24px;align-items:start}.explorer-copy{padding:28px 10px}.explorer-copy span{font-size:11px;font-weight:850;letter-spacing:.12em;color:#755df3}.explorer-copy h3{font-size:31px;margin:8px 0}.explorer-copy p{color:var(--muted)}.explorer-browser img{width:100%;aspect-ratio:1.85/1;object-fit:cover;object-position:top left;transition:opacity .15s}.explorer-browser img.switching{opacity:.2}.pricing-section{background:linear-gradient(180deg,#f8f8ff,#fff)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.price-card{position:relative;border:1px solid var(--line);border-radius:25px;padding:28px;background:#fff;display:flex;flex-direction:column;min-height:520px}.price-card.featured{border-color:#a99eff;box-shadow:0 24px 60px rgba(79,66,193,.13)}.recommended{position:absolute;right:22px;top:20px;background:#5b50f7;color:#fff;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:850}.plan-kicker{font-size:10px;color:#9487e8;font-weight:850;letter-spacing:.11em}.price-card h3{font-size:25px;margin:10px 0 7px}.price-card>p{color:var(--muted);min-height:75px}.price{display:flex;align-items:end;gap:8px;margin:22px 0}.price strong{font-size:45px;letter-spacing:-.04em}.price span{color:#777f90;padding-bottom:8px}.price-card ul{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:13px;color:#555e70}.price-card li:before{content:"✓";color:#5d4af3;font-weight:900;margin-right:10px}.addons{margin-top:28px;border:1px solid var(--line);border-radius:24px;padding:28px;display:grid;grid-template-columns:.7fr 1.3fr;gap:24px;align-items:center}.addons h3{font-size:24px;margin:2px 0}.addon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.addon{background:#f8f8fd;border-radius:15px;padding:17px;display:grid;gap:4px}.addon span{color:#624cf0;font-weight:800}.trial-banner{margin-top:22px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#171431,#37315e);color:#fff;display:flex;justify-content:space-between;align-items:center;gap:20px}.trial-banner h3{font-size:27px;margin:3px 0}.trial-banner p{margin:0;color:#cbc9d9}.section-dark{background:#151329;color:#fff}.security-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}.security-grid>div>p{color:#bdb9cf}.security-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.security-card{padding:23px;border-radius:18px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.055)}.security-card b{font-size:17px}.security-card p{color:#c7c3d6;margin-bottom:0}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px}.faq-list{display:grid;gap:12px}.faq-list details{border:1px solid var(--line);border-radius:17px;padding:19px 21px;background:#fff}.faq-list summary{font-weight:800;cursor:pointer}.faq-list p{color:var(--muted);margin-bottom:0}.contact-section{background:#f7f8ff}.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:62px;align-items:start}.contact-links{display:grid;gap:11px;margin-top:30px}.contact-links a{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:15px}.contact-links a>span{width:38px;height:38px;border-radius:11px;background:#f0edff;color:#6047ed;display:flex;align-items:center;justify-content:center;font-weight:900}.contact-links small,.contact-links b{display:block}.contact-links small{color:#888fa0}.contact-form-card{background:#fff;border:1px solid var(--line);border-radius:25px;padding:28px;box-shadow:0 18px 50px rgba(45,48,90,.07)}.contact-form-card form{display:grid;gap:16px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}label{font-size:13px;font-weight:750;color:#3e4758;display:grid;gap:7px}input,select,textarea{font:inherit;width:100%;border:1px solid #dfe2ed;border-radius:12px;padding:13px 14px;background:#fff;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:#8b7bfa;box-shadow:0 0 0 4px rgba(95,72,255,.08)}textarea{resize:vertical}.form-foot{display:flex;align-items:center;justify-content:space-between;gap:18px}.form-foot small{color:#858c9c}.form-alert{padding:13px 15px;border-radius:12px;margin-bottom:16px;font-size:13px;font-weight:700}.form-alert.success{background:#eaf8f0;color:#14764d}.form-alert.error{background:#fff0f1;color:#b4232e}.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.final-cta{padding:58px 0;background:linear-gradient(135deg,#4a59fb,#8f42ef);color:#fff}.final-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.final-cta h2{font-size:38px;margin:4px 0 8px}.final-cta p{margin:0;color:#eceaff}.site-footer{padding:58px 0 24px;background:#0f0e1d;color:#d8d6e2}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px}.footer-grid>div{display:grid;align-content:start;gap:9px}.footer-grid img{width:118px;filter:brightness(0) invert(1)}.footer-grid p{color:#aaa7b8;max-width:320px}.footer-grid b{color:#fff;margin-bottom:5px}.footer-grid a{color:#aaa7b8;font-size:14px}.footer-grid a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:42px;padding-top:22px;display:flex;justify-content:space-between;font-size:12px;color:#858292}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:1050px){.nav-links{display:none;position:absolute;top:78px;left:20px;right:20px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px;padding:18px;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.nav-toggle{display:block;margin-left:auto}.nav-actions{display:none}.hero-grid,.solutions-grid,.security-grid,.contact-grid{grid-template-columns:1fr}.hero-visual{margin-top:20px}.feature-grid,.pricing-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(3,1fr)}.process-grid div:nth-child(3){border-right:0}.explorer-main{grid-template-columns:1fr}.explorer-copy{padding:10px}.faq-grid{grid-template-columns:1fr}.addons{grid-template-columns:1fr}.floating-one{left:8px}.floating-two{right:8px}}@media(max-width:720px){.container{width:min(100% - 26px,1180px)}.site-header .nav-wrap{height:68px}.brand img{width:104px}.nav-links{top:68px}.hero{padding-top:48px}.hero h1{font-size:42px}.hero-browser{transform:none}.floating-card{display:none}.process-grid{grid-template-columns:repeat(2,1fr)}.process-grid div{border-bottom:1px solid var(--line)}.process-grid div:nth-child(2n){border-right:0}.section{padding:72px 0}.feature-grid,.pricing-grid,.security-cards,.addon-grid,.form-row{grid-template-columns:1fr}.price-card{min-height:auto}.addons,.contact-form-card{padding:20px}.trial-banner,.final-cta-inner,.form-foot{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{gap:12px;flex-direction:column}.explorer-main{padding:14px}.explorer-browser{border-radius:13px}.section-heading h2,.solutions-copy h2,.security-grid h2,.contact-copy h2{font-size:35px}.final-cta h2{font-size:32px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* BEGIN ORBI 10A2B EXACT LAYOUT */

/* ---------------------------------------------------------
   GLOBAL DESKTOP WIDTH
   Use the available desktop canvas instead of compressing
   the commercial content into 1180px.
--------------------------------------------------------- */

@media (min-width: 1100px) {

    .container {
        width: min(
            1360px,
            calc(100% - 72px)
        );
    }

}


/* ---------------------------------------------------------
   HEADER LOGO
--------------------------------------------------------- */

.brand {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
}

.brand .orbi-header-logo {
    display: block;
    width: 154px;
    height: auto;
    max-height: 58px;
    object-fit: contain;
}

.nav-wrap {
    height: 78px;
}


/* ---------------------------------------------------------
   HERO
   Shorter vertical footprint, wider columns and image
   intentionally raised so CTA remains visible on desktop.
--------------------------------------------------------- */

.hero {
    padding:
        38px
        0
        30px;
}

.hero-grid {
    grid-template-columns:
        minmax(0, .96fr)
        minmax(0, 1.04fr);

    gap: 44px;
    align-items: center;
}

.hero-copy {
    position: relative;
    top: -12px;
    min-width: 0;
}

.hero h1 {
    max-width: 660px;
    margin:
        0
        0
        16px;

    font-size:
        clamp(
            46px,
            4.35vw,
            64px
        );

    line-height: .99;
}

.hero-lead {
    max-width: 610px;
    margin:
        0;

    font-size: 17px;
    line-height: 1.48;
}

.hero-actions {
    margin-top: 20px;
}

.trial-note {
    margin-top: 10px;
}

.hero-trust {
    gap: 14px;
    margin-top: 14px;
}

.hero-visual {
    position: relative;
    top: -38px;
    min-width: 0;
}

.hero-browser {
    width: 100%;
    max-width: 760px;
    margin:
        0
        auto;

    transform:
        perspective(1200px)
        rotateY(-2deg)
        rotateX(.5deg);
}

.floating-one {
    left: -18px;
    bottom: 22px;
}

.floating-two {
    right: -16px;
    top: 30px;
}


/* ---------------------------------------------------------
   PRICING
   Remove artificial vertical space between description
   and price while preserving aligned CTA buttons.
--------------------------------------------------------- */

.pricing-grid {
    gap: 24px;
}

.price-card {
    min-height: 0;
    padding:
        28px
        30px;
}

.price-card h3 {
    margin:
        10px
        0
        0;
}

.price-card > p {
    min-height: 0;
    margin:
        24px
        0
        16px;

    line-height: 1.5;
}

.price {
    margin:
        6px
        0
        24px;
}

.price strong {
    font-size: 44px;
}

.price-card ul {
    margin:
        0
        0
        22px;

    gap: 12px;
}

.price-card .btn-block {
    margin-top: auto;
}


/* ---------------------------------------------------------
   FOOTER LOGO
   Full-color mark lives on a deliberate white surface,
   rather than using the previous invert filter.
--------------------------------------------------------- */

.footer-grid > div:first-child {
    align-content: start;
}

.footer-logo-shell {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    justify-content: center;

    padding:
        9px
        12px;

    margin-bottom: 10px;

    border-radius: 16px;
    background: #fff;

    box-shadow:
        0
        10px
        28px
        rgba(0,0,0,.18);
}

.footer-grid .orbi-footer-logo {
    display: block;

    width: 150px;
    height: auto;

    filter: none;
    object-fit: contain;
}


/* ---------------------------------------------------------
   RESPONSIVE RESET
--------------------------------------------------------- */

@media (max-width: 1099px) {

    .hero {
        padding:
            48px
            0;
    }

    .hero-copy,
    .hero-visual {
        top: 0;
    }

    .hero-grid {
        gap: 28px;
    }

    .brand .orbi-header-logo {
        width: 128px;
        max-height: 50px;
    }

}

@media (max-width: 720px) {

    .brand .orbi-header-logo {
        width: 112px;
        max-height: 44px;
    }

    .hero h1 {
        font-size: 42px;
    }

    .hero-browser {
        transform: none;
    }

}

/* END ORBI 10A2B EXACT LAYOUT */

/* BEGIN ORBI 10A2F-R1 REFINED SECTIONS */


/* =========================================================
   01 · FLUJO OPERATIVO CONECTADO
========================================================= */

.orbi-flow-section {
    position: relative;
    overflow: hidden;

    padding: 76px 0 70px;

    border-top: 1px solid #ececf6;
    border-bottom: 1px solid #ececf6;

    background:
        radial-gradient(circle at 1% 50%, rgba(107,78,255,.15), transparent 24%),
        radial-gradient(circle at 99% 25%, rgba(46,151,255,.15), transparent 25%),
        radial-gradient(circle at 52% 100%, rgba(143,72,238,.08), transparent 30%),
        linear-gradient(180deg, #fbfcff, #f4f7ff);
}

.orbi-flow-section::before,
.orbi-flow-section::after {
    content: "";
    position: absolute;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(105,89,243,.07);
    border-radius: 50%;
    pointer-events: none;
}

.orbi-flow-section::before {
    left: -340px;
    top: 70px;
}

.orbi-flow-section::after {
    right: -350px;
    bottom: -290px;
}


.orbi-flow-heading {
    position: relative;
    z-index: 4;
    max-width: 870px;
    margin: 0 auto 54px;
    text-align: center;
}

.orbi-flow-heading h2 {
    margin: 0 0 16px;

    font-size:
        clamp(
            40px,
            4.6vw,
            60px
        );

    line-height: 1;
    letter-spacing: -.045em;
}

.orbi-flow-heading h2 span {
    background: linear-gradient(90deg, #3d88ff, #8c40ec);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.orbi-flow-heading p {
    max-width: 760px;
    margin: 0 auto;
    color: var(--muted);
    font-size: 17px;
}


.orbi-flow-grid {
    position: relative;
    z-index: 4;

    display: grid;

    grid-template-columns:
        repeat(
            6,
            minmax(0,1fr)
        );

    gap: 14px;
}


.orbi-flow-card {
    --accent: #7251f5;
    --soft: rgba(114,81,245,.11);

    position: relative;

    min-width: 0;

    padding:
        38px
        14px
        15px;

    border:
        1px solid
        rgba(112,95,194,.17);

    border-radius: 24px;

    background:
        rgba(255,255,255,.95);

    box-shadow:
        0
        20px
        46px
        rgba(47,44,98,.08);

    text-align: center;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}

.orbi-flow-card:hover {
    transform: translateY(-7px);
    border-color: var(--accent);

    box-shadow:
        0
        27px
        58px
        rgba(47,44,98,.14);
}


.flow-violet {
    --accent: #7546ee;
    --soft: rgba(117,70,238,.11);
}

.flow-blue {
    --accent: #198eea;
    --soft: rgba(25,142,234,.11);
}

.flow-green {
    --accent: #13ad69;
    --soft: rgba(19,173,105,.11);
}

.flow-orange {
    --accent: #f17d0c;
    --soft: rgba(241,125,12,.11);
}

.flow-purple {
    --accent: #7943ec;
    --soft: rgba(121,67,236,.11);
}

.flow-sky {
    --accent: #178be8;
    --soft: rgba(23,139,232,.11);
}


.orbi-flow-step {
    position: absolute;
    z-index: 7;

    top: -23px;
    left: 16px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 49px;
    height: 49px;

    border:
        1px solid
        rgba(255,255,255,.92);

    border-radius: 50%;

    background:
        color-mix(
            in srgb,
            var(--accent) 12%,
            white
        );

    box-shadow:
        0
        9px
        24px
        rgba(46,43,90,.12);

    color: var(--accent);

    font-size: 14px;
    font-weight: 900;
}


.orbi-flow-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 62px;
    height: 62px;

    margin-bottom: 13px;

    border-radius: 18px;

    background: var(--soft);
    color: var(--accent);
}

.orbi-flow-icon svg,
.growth-icon svg,
.orbi-flow-chain svg {
    width: 29px;
    height: 29px;

    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}


.orbi-flow-card h3 {
    margin: 0 0 2px;
    font-size: 18px;
}

.orbi-flow-card > p {
    margin: 0 0 11px;
    color: #71798e;
    font-size: 14px;
}


/* curved dashed stage connector */

.orbi-flow-card:not(:last-child)::before {
    content: "";

    position: absolute;

    z-index: 3;

    top: -19px;
    right: -44px;

    width: 82px;
    height: 31px;

    border-top:
        2px
        dashed
        var(--accent);

    border-radius: 50%;

    opacity: .82;

    pointer-events: none;
}


/* circular directional node */

.orbi-flow-card:not(:last-child)::after {
    content: "→";

    position: absolute;

    z-index: 8;

    right: -25px;
    top: 48%;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 35px;
    height: 35px;

    border:
        1px solid
        #edf0f7;

    border-radius: 50%;

    background: #fff;

    box-shadow:
        0
        8px
        21px
        rgba(48,45,91,.10);

    color: var(--accent);

    font-size: 19px;
    font-weight: 900;
}


/* mini product views */

.flow-mini-ui {
    height: 108px;

    margin-top: 12px;

    padding: 10px;

    overflow: hidden;

    border:
        1px solid
        #eef0f6;

    border-radius: 15px;

    background:
        linear-gradient(
            180deg,
            #fff,
            #fafbfe
        );
}


.mini-row {
    display: grid;

    grid-template-columns:
        24px
        1fr
        .54fr
        22px;

    align-items: center;

    gap: 6px;

    min-height: 27px;
}


.mini-row i {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 22px;
    height: 22px;

    border-radius: 50%;

    background: var(--soft);

    color: var(--accent);

    font-size: 9px;
    font-style: normal;
    font-weight: 900;
}


.mini-row span {
    height: 7px;

    border-radius: 999px;

    background: #e8ebf2;
}


.mini-row span:nth-of-type(2) {
    opacity: .70;
}


.mini-row b,
.mini-row em {
    display: block;

    width: 20px;
    height: 9px;

    border-radius: 999px;

    background: var(--soft);

    font-size: 10px;
    font-style: normal;
}


.mini-row b {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 22px;
    height: 22px;

    background: var(--accent);

    color: #fff;
}


.mini-sales .mini-row i {
    background: #def8e8;
    color: #10a761;
}

.mini-sales .mini-row em {
    background: #def8e8;
}

.mini-payments .mini-row:nth-child(2) em {
    background: #def8e8;
}

.mini-payments .mini-row:nth-child(3) em {
    background: #ffe6dd;
}


.mini-reports {
    display: grid;

    grid-template-columns:
        .85fr
        1.15fr;

    align-items: end;

    gap: 10px;
}


.report-copy-lines {
    display: grid;
    gap: 11px;

    align-self: center;
}


.report-copy-lines span {
    display: block;

    height: 7px;

    border-radius: 999px;

    background: #e8ebf2;
}

.report-copy-lines span:nth-child(2) {
    width: 82%;
}

.report-copy-lines span:nth-child(3) {
    width: 65%;
}


.report-bars {
    height: 68px;

    display: flex;
    align-items: end;
    justify-content: center;

    gap: 4px;

    padding-bottom: 3px;

    border-left:
        1px solid
        #e5e8f0;

    border-bottom:
        1px solid
        #e5e8f0;
}


.report-bars i {
    display: block;

    width: 8px;

    border-radius:
        4px
        4px
        0
        0;

    background:
        linear-gradient(
            180deg,
            #a33df2,
            #318cff
        );
}

.report-bars i:nth-child(1) { height: 25%; }
.report-bars i:nth-child(2) { height: 48%; }
.report-bars i:nth-child(3) { height: 36%; }
.report-bars i:nth-child(4) { height: 67%; }
.report-bars i:nth-child(5) { height: 92%; }


.orbi-flow-summary {
    position: relative;
    z-index: 4;

    max-width: 820px;

    margin:
        34px
        auto
        0;

    padding:
        14px
        16px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    border:
        1px solid
        rgba(105,89,243,.13);

    border-radius: 22px;

    background:
        rgba(255,255,255,.88);

    box-shadow:
        0
        15px
        42px
        rgba(50,46,100,.075);

    backdrop-filter: blur(10px);
}


.orbi-flow-summary-copy {
    display: flex;
    align-items: center;
    gap: 14px;
}

.orbi-flow-summary-copy > div {
    display: grid;
    gap: 2px;
}

.orbi-flow-summary-copy strong {
    font-size: 15px;
}

.orbi-flow-summary-copy small {
    color: #858b9c;
}


.orbi-flow-chain {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;

    flex: 0 0 auto;

    border-radius: 14px;

    background:
        linear-gradient(
            135deg,
            #eeeaff,
            #eaf4ff
        );

    color: #6746ef;
}


/* =========================================================
   02 · FUNCTIONS — COMPACT CONNECTED GRID
========================================================= */

.orbi-growth-section {
    position: relative;
    overflow: hidden;

    padding:
        82px
        0
        88px;

    background:
        radial-gradient(circle at 4% 25%, rgba(105,76,250,.09), transparent 22%),
        radial-gradient(circle at 96% 20%, rgba(56,148,255,.10), transparent 23%),
        radial-gradient(circle at 78% 94%, rgba(171,71,238,.07), transparent 24%),
        #fff;
}


.orbi-growth-shell {
    position: relative;
}


.growth-decor-line {
    position: absolute;

    z-index: 0;

    height: 2px;

    border-top:
        2px
        dashed
        rgba(95,84,237,.34);

    border-radius: 50%;

    pointer-events: none;
}


.decor-one {
    top: 152px;
    left: 4%;

    width: 245px;

    transform: rotate(12deg);
}


.decor-two {
    top: 160px;
    right: 4%;

    width: 245px;

    transform: rotate(-12deg);
}


.decor-three {
    bottom: 70px;
    left: 23%;

    width: 54%;

    border-top-color:
        rgba(45,148,240,.30);
}


.growth-cloud {
    position: absolute;

    z-index: 3;

    display: flex;
    align-items: center;

    gap: 9px;

    padding:
        10px
        15px;

    border:
        1px solid
        rgba(108,89,219,.12);

    border-radius: 999px;

    background:
        rgba(255,255,255,.92);

    box-shadow:
        0
        14px
        36px
        rgba(51,47,94,.08);

    backdrop-filter: blur(9px);

    color: #525a70;
}


.growth-cloud span {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 30px;
    height: 30px;

    border-radius: 10px;

    background: #f0ecff;

    color: #7050ef;

    font-weight: 900;
}


.growth-cloud strong {
    font-size: 12px;
    line-height: 1.25;
}


.growth-cloud-left {
    top: 20px;
    left: 0;
}

.growth-cloud-right {
    top: 24px;
    right: 0;
}

.growth-cloud-bottom-left {
    bottom: 2px;
    left: 0;
}

.growth-cloud-bottom-right {
    right: 0;
    bottom: 2px;
}


.orbi-growth-heading {
    position: relative;
    z-index: 2;

    max-width: 820px;

    margin:
        0
        auto
        40px;
}


.orbi-growth-heading h2 {
    font-size:
        clamp(
            38px,
            4.1vw,
            54px
        );

    line-height: 1.02;
}


.orbi-growth-heading h2 span {
    background:
        linear-gradient(
            90deg,
            #6e50f7,
            #8740ee,
            #2787f3
        );

    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}


.orbi-growth-grid {
    position: relative;
    z-index: 2;

    display: grid;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        );

    gap:
        18px
        20px;

    max-width: 1110px;

    margin:
        0
        auto;
}


.orbi-growth-card {
    --accent: #7250ef;
    --soft: rgba(114,80,239,.10);

    position: relative;

    min-height: 196px;

    padding:
        21px
        23px;

    display: grid;

    grid-template-columns:
        58px
        minmax(0,1fr);

    gap: 17px;

    align-items: center;

    border:
        1px solid
        rgba(111,98,183,.16);

    border-radius: 23px;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.98),
            color-mix(
                in srgb,
                var(--accent) 3%,
                white
            )
        );

    box-shadow:
        0
        17px
        41px
        rgba(45,42,86,.06);

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease;
}


.orbi-growth-card:hover {
    transform: translateY(-6px);
    border-color: var(--accent);

    box-shadow:
        0
        25px
        54px
        rgba(45,42,86,.11);
}


.growth-violet {
    --accent: #7849f4;
    --soft: rgba(120,73,244,.10);
}

.growth-blue {
    --accent: #278ff1;
    --soft: rgba(39,143,241,.10);
}

.growth-green {
    --accent: #13a968;
    --soft: rgba(19,169,104,.10);
}

.growth-cyan {
    --accent: #15a8c5;
    --soft: rgba(21,168,197,.10);
}

.growth-orange {
    --accent: #ee8314;
    --soft: rgba(238,131,20,.10);
}

.growth-pink {
    --accent: #ca42e9;
    --soft: rgba(202,66,233,.10);
}


.growth-number {
    position: absolute;

    top: 14px;
    left: 16px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 31px;
    height: 27px;

    padding: 0 8px;

    border-radius: 999px;

    background:
        color-mix(
            in srgb,
            var(--accent) 10%,
            white
        );

    color: var(--accent);

    font-size: 11px;
    font-weight: 900;
}


.growth-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 58px;
    height: 58px;

    margin-top: 15px;

    border-radius: 18px;

    background: var(--soft);

    color: var(--accent);
}


.growth-copy {
    padding-top: 12px;
}


.growth-copy h3 {
    margin: 0 0 6px;
    font-size: 18px;
}


.growth-copy p {
    min-height: 54px;

    margin: 0 0 10px;

    color: var(--muted);

    font-size: 13px;
    line-height: 1.46;
}


.growth-copy b {
    color: var(--accent);
    font-size: 11.5px;
}


/* arrows connecting feature cards */

.orbi-growth-card:nth-child(1)::after,
.orbi-growth-card:nth-child(2)::after,
.orbi-growth-card:nth-child(4)::after,
.orbi-growth-card:nth-child(5)::after {
    content: "→";

    position: absolute;

    z-index: 6;

    top: 50%;
    right: -30px;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 35px;
    height: 35px;

    transform: translateY(-50%);

    border:
        1px solid
        #edf0f6;

    border-radius: 50%;

    background: #fff;

    box-shadow:
        0
        8px
        20px
        rgba(52,47,92,.10);

    color: var(--accent);

    font-size: 18px;
    font-weight: 900;
}


.orbi-growth-summary {
    position: relative;
    z-index: 3;

    max-width: 620px;

    margin:
        27px
        auto
        0;

    padding:
        12px
        18px;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 13px;

    border:
        1px solid
        rgba(104,87,221,.14);

    border-radius: 999px;

    background:
        rgba(255,255,255,.93);

    box-shadow:
        0
        13px
        35px
        rgba(47,44,89,.075);

    backdrop-filter: blur(9px);
}


.orbi-growth-summary > div {
    display: grid;
    gap: 2px;
}

.orbi-growth-summary strong {
    color: #6e46ea;
    font-size: 14px;
}

.orbi-growth-summary small {
    color: #7d8495;
    font-size: 11px;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 1180px) {

    .orbi-flow-grid {
        grid-template-columns:
            repeat(
                3,
                minmax(0,1fr)
            );

        gap:
            38px
            18px;
    }

    .orbi-flow-card:not(:last-child)::before,
    .orbi-flow-card:not(:last-child)::after {
        display: none;
    }

    .growth-cloud,
    .growth-decor-line {
        display: none;
    }

}


@media (max-width: 900px) {

    .orbi-growth-grid {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }

    .orbi-growth-card::after {
        display: none !important;
    }

}


@media (max-width: 720px) {

    .orbi-flow-section {
        padding:
            63px
            0;
    }

    .orbi-flow-heading {
        margin-bottom: 42px;
    }

    .orbi-flow-heading h2 {
        font-size: 39px;
    }

    .orbi-flow-grid,
    .orbi-growth-grid {
        grid-template-columns: 1fr;
    }

    .orbi-flow-card {
        padding:
            34px
            22px
            21px;
    }

    .orbi-flow-summary {
        flex-direction: column;
        align-items: stretch;
    }

    .orbi-flow-summary .btn {
        width: 100%;
    }

    .orbi-growth-section {
        padding:
            64px
            0;
    }

    .orbi-growth-card {
        min-height: 0;

        grid-template-columns:
            55px
            minmax(0,1fr);

        padding: 20px;
    }

    .growth-icon {
        width: 55px;
        height: 55px;
    }

    .growth-copy p {
        min-height: 0;
    }

    .orbi-growth-summary {
        border-radius: 22px;
    }

}


/* animations */

@media (prefers-reduced-motion: no-preference) {

    .orbi-flow-step {
        animation:
            flowStepPulse
            3.4s
            ease-in-out
            infinite;
    }

    .orbi-flow-card:nth-child(2) .orbi-flow-step {
        animation-delay: .18s;
    }

    .orbi-flow-card:nth-child(3) .orbi-flow-step {
        animation-delay: .36s;
    }

    .orbi-flow-card:nth-child(4) .orbi-flow-step {
        animation-delay: .54s;
    }

    .orbi-flow-card:nth-child(5) .orbi-flow-step {
        animation-delay: .72s;
    }

    .orbi-flow-card:nth-child(6) .orbi-flow-step {
        animation-delay: .90s;
    }

    .growth-cloud {
        animation:
            growthFloat
            4.5s
            ease-in-out
            infinite;
    }

}


@keyframes flowStepPulse {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-3px);
    }

}


@keyframes growthFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-4px);
    }

}

/* END ORBI 10A2F-R1 REFINED SECTIONS */

/* BEGIN ORBI 10A2H NETWORK CONNECTORS */


/* Old straight/rotated decorative implementation is retired. */

.growth-decor-line {
    display: none !important;
}


/* ---------------------------------------------------------
   Decorative SVG network
   Kept away from title/subtitle and routed around the cards.
--------------------------------------------------------- */

.orbi-growth-network {
    position: absolute;

    z-index: 0;

    inset:
        0
        0
        0
        0;

    width: 100%;
    height: 100%;

    overflow: visible;

    pointer-events: none;
}


.orbi-growth-network .network-path {
    fill: none;

    stroke-width: 2;

    stroke-linecap: round;

    stroke-dasharray:
        6
        9;

    opacity: .34;
}


.network-violet {
    stroke: #7959f3;
}

.network-blue {
    stroke: #3f95ef;
}

.network-cyan {
    stroke: #24abc7;
}

.network-pink {
    stroke: #c94ee8;
}


/* ---------------------------------------------------------
   Small luminous connection nodes
--------------------------------------------------------- */

.orbi-growth-network .network-node {
    stroke: #fff;
    stroke-width: 4;

    opacity: .82;

    transform-box: fill-box;
    transform-origin: center;
}


.network-violet-node {
    fill: #7959f3;
}

.network-blue-node {
    fill: #3f95ef;
}

.network-cyan-node {
    fill: #24abc7;
}

.network-pink-node {
    fill: #c94ee8;
}


/* Keep all real content above the decorative network. */

.orbi-growth-heading,
.orbi-growth-grid,
.orbi-growth-summary,
.growth-cloud {
    position: relative;
    z-index: 3;
}


/* ---------------------------------------------------------
   Fine cloud positioning so curves feel connected,
   without lines crossing the commercial copy.
--------------------------------------------------------- */

.growth-cloud-left {
    top: 20px;
    left: 0;
}

.growth-cloud-right {
    top: 24px;
    right: 0;
}

.growth-cloud-bottom-left {
    left: 0;
    bottom: 2px;
}

.growth-cloud-bottom-right {
    right: 0;
    bottom: 2px;
}


/* ---------------------------------------------------------
   Subtle node breathing animation only.
--------------------------------------------------------- */

@media (prefers-reduced-motion: no-preference) {

    .orbi-growth-network .network-node {
        animation:
            orbiNetworkPulse
            3.8s
            ease-in-out
            infinite;
    }

    .orbi-growth-network .network-node:nth-of-type(even) {
        animation-delay: .65s;
    }

}


@keyframes orbiNetworkPulse {

    0%,
    100% {
        opacity: .65;
        transform: scale(.92);
    }

    50% {
        opacity: 1;
        transform: scale(1.08);
    }

}


/* On narrower layouts the network adds noise, so it disappears. */

@media (max-width: 1180px) {

    .orbi-growth-network {
        display: none;
    }

}

/* END ORBI 10A2H NETWORK CONNECTORS */

/* BEGIN ORBI 10A2J GROWTH RESTORE */

/* ---------------------------------------------------------
   Restore visual balance of the 2nd section ("Funciones")
   based on the original proposal:
   - small floating cloud badges
   - soft decorative connectors
   - no full-width pills
--------------------------------------------------------- */

.orbi-growth-section {
    position: relative;
    overflow: hidden;
    padding-top: 108px;
    padding-bottom: 112px;
}

/* Heading stays above decorative layer */
.orbi-growth-heading,
.orbi-growth-grid,
.orbi-growth-summary,
.growth-cloud {
    position: relative;
    z-index: 3;
}

/* Decorative layer below content */
.orbi-growth-network {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
}

.orbi-growth-network .network-path {
    opacity: .30;
    stroke-width: 2;
    stroke-dasharray: 7 10;
}

.orbi-growth-network .network-node {
    opacity: .78;
}

/* --- Floating "cloud" badges: FIX the broken full-width bars --- */
.growth-cloud {
    position: absolute !important;
    display: inline-flex !important;
    align-items: center;
    gap: 14px;
    width: auto !important;
    min-width: 0 !important;
    max-width: 240px !important;
    padding: 14px 18px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.94) !important;
    border: 1px solid rgba(122, 104, 246, .10) !important;
    box-shadow:
        0 16px 40px rgba(31, 41, 55, .06),
        inset 0 1px 0 rgba(255,255,255,.75);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    white-space: normal;
}

/* Inner structure */
.growth-cloud-icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.growth-cloud-text {
    display: block;
    font-size: 14px;
    line-height: 1.25;
    font-weight: 700;
    color: #475569;
    letter-spacing: -.01em;
}

/* --- Correct placement like the original concept --- */
.growth-cloud-left {
    top: 48px !important;
    left: 28px !important;
    right: auto !important;
    bottom: auto !important;
}

.growth-cloud-right {
    top: 48px !important;
    right: 28px !important;
    left: auto !important;
    bottom: auto !important;
}

.growth-cloud-bottom-left {
    bottom: 52px !important;
    left: 34px !important;
    right: auto !important;
    top: auto !important;
}

.growth-cloud-bottom-right {
    bottom: 52px !important;
    right: 34px !important;
    left: auto !important;
    top: auto !important;
}

/* --- Summary pill centered and clean --- */
.orbi-growth-summary {
    max-width: 780px;
    margin: 42px auto 0;
    position: relative;
    z-index: 3;
}

/* --- Cards area spacing --- */
.orbi-growth-grid {
    position: relative;
    z-index: 3;
    margin-top: 42px;
}

/* --- Keep connectors subtle so they feel decorative, not broken --- */
.orbi-growth-network {
    opacity: 1;
    filter: none;
}

/* Slightly more air for title area */
.orbi-growth-heading {
    max-width: 980px;
    margin: 0 auto 10px;
    text-align: center;
}

/* --- Responsive: turn decorations off earlier if they start crowding --- */
@media (max-width: 1360px) {
    .growth-cloud-left { left: 20px !important; }
    .growth-cloud-right { right: 20px !important; }
    .growth-cloud-bottom-left { left: 24px !important; }
    .growth-cloud-bottom-right { right: 24px !important; }
}

@media (max-width: 1200px) {
    .orbi-growth-network {
        display: none !important;
    }

    .growth-cloud {
        display: none !important;
    }

    .orbi-growth-section {
        padding-top: 72px;
        padding-bottom: 80px;
    }
}

/* END ORBI 10A2J GROWTH RESTORE */

/* BEGIN ORBI 10A2K HERO FLOW TRANSITION */

/*
   The hero itself already has the correct balance.
   This only improves the visual handoff into the
   "Flujo operativo conectado" section.
*/

.orbi-flow-section {
    padding-top: 38px !important;
}

/*
   Keep the first heading closer to the section boundary
   so users immediately perceive continuity below the hero.
*/
.orbi-flow-heading {
    margin-top: 0 !important;
    margin-bottom: 48px;
}

/*
   Gentle visual bridge between both blocks.
*/
.hero + .orbi-flow-section,
.hero-section + .orbi-flow-section,
.site-hero + .orbi-flow-section {
    margin-top: 0 !important;
}

/*
   Desktop only: slightly tighter transition.
   Hero text/image positioning remains untouched.
*/
@media (min-width: 1100px) {

    .orbi-flow-section {
        padding-top: 32px !important;
    }

}

/*
   On tablet/mobile preserve more breathing room.
*/
@media (max-width: 1099px) {

    .orbi-flow-section {
        padding-top: 52px !important;
    }

}

@media (max-width: 720px) {

    .orbi-flow-section {
        padding-top: 46px !important;
    }

}

/* END ORBI 10A2K HERO FLOW TRANSITION */

/* BEGIN ORBI 10A2M HERO VIEWPORT BALANCE */

/*
   DESKTOP GOAL
   ------------
   The header occupies its own top area.
   The hero then fills the remainder of the initial viewport,
   with text and product screenshot vertically balanced.
   The following section starts naturally after that first view.
*/

@media (min-width: 1100px) {

    .hero {
        min-height:
            calc(
                100svh - 78px
            );

        display: flex;
        align-items: center;

        padding-top: 62px !important;
        padding-bottom: 62px !important;

        box-sizing: border-box;
    }


    .hero > .container,
    .hero-grid {
        width: 100%;
    }


    .hero-grid {
        align-items: center !important;
    }


    /*
       Undo the previous artificial upward offsets.
       Once the entire hero is vertically centered,
       these elements should sit naturally in the grid.
    */

    .hero-copy {
        top: 0 !important;
    }

    .hero-visual {
        top: 0 !important;
    }


    /*
       Keep the product screenshot visually centered,
       not anchored toward the header.
    */

    .hero-browser {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

}


/*
   On shorter laptop displays, preserve the full content
   without making the first screen feel excessively tall.
*/

@media
    (min-width: 1100px)
    and (max-height: 780px) {

    .hero {
        min-height:
            calc(
                100svh - 78px
            );

        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }

    .hero h1 {
        font-size:
            clamp(
                44px,
                4vw,
                58px
            );
    }

}


/*
   Tablets and phones retain their existing responsive layout.
*/

@media (max-width: 1099px) {

    .hero {
        min-height: 0;
    }

}

/* END ORBI 10A2M HERO VIEWPORT BALANCE */

/* BEGIN ORBI 10A2N HERO SIDE SPACING */

@media (min-width: 1100px) {

    .hero > .container {
        width: 100%;
        max-width: 1520px;
        margin-left: auto;
        margin-right: auto;
        padding-left: clamp(34px, 4vw, 72px);
        padding-right: clamp(34px, 4vw, 72px);
        box-sizing: border-box;
    }

    .hero-grid {
        column-gap: clamp(28px, 3.2vw, 64px);
    }
}

@media (min-width: 1100px) and (max-width: 1280px) {
    .hero > .container {
        padding-left: 28px;
        padding-right: 28px;
    }
}

@media (max-width: 1099px) {
    .hero > .container {
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }
}

/* END ORBI 10A2N HERO SIDE SPACING */

/* ============================================================
   BEGIN ORBI 13A1 MOBILE HERO FINAL

   Mobile-only normalization of the commercial homepage hero.
   Desktop/tablet >= 721px remains untouched.

   Goals:
   - remove oversized mobile headline
   - guarantee a true single-column layout
   - keep full useful width with safe side margins
   - show CTA buttons without excessive vertical stretching
   - render the product screenshot at a useful mobile size
   - remove desktop viewport/min-height assumptions
   ============================================================ */

@media (max-width: 720px) {

    .hero {
        box-sizing: border-box !important;
        min-height: 0 !important;
        height: auto !important;

        padding-top: 38px !important;
        padding-bottom: 44px !important;

        overflow: hidden !important;
    }

    .hero > .container {
        box-sizing: border-box !important;

        width: calc(100% - 32px) !important;
        max-width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .hero-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;

        width: 100% !important;
        max-width: 100% !important;

        min-height: 0 !important;
        height: auto !important;

        gap: 30px !important;

        align-items: start !important;
        align-content: start !important;
    }

    .hero-copy,
    .hero-visual {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        transform: none !important;
    }

    .hero-copy {
        align-self: start !important;
    }

    .hero .eyebrow {
        display: block !important;

        max-width: 310px !important;

        margin: 0 0 15px !important;

        font-size: 10.5px !important;
        line-height: 1.55 !important;
        letter-spacing: .115em !important;
    }

    .hero h1 {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 20px !important;

        font-size: clamp(
            34px,
            9.3vw,
            39px
        ) !important;

        line-height: 1.01 !important;
        letter-spacing: -.045em !important;

        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;
    }

    .hero-lead {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        font-size: 16px !important;
        line-height: 1.62 !important;

        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .hero-actions {
        display: grid !important;
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;

        width: 100% !important;

        gap: 10px !important;

        margin-top: 24px !important;
    }

    .hero-actions .btn {
        width: 100% !important;
        min-width: 0 !important;
        min-height: 50px !important;

        padding-left: 10px !important;
        padding-right: 10px !important;

        font-size: 13.5px !important;
        line-height: 1.2 !important;

        text-align: center !important;
        white-space: normal !important;
    }

    .trial-note {
        margin-top: 14px !important;

        font-size: 12.5px !important;
        line-height: 1.45 !important;
    }

    .hero-trust {
        display: flex !important;
        flex-wrap: wrap !important;

        gap: 8px 14px !important;

        margin-top: 20px !important;

        font-size: 12px !important;
        line-height: 1.35 !important;
    }

    .hero-visual {
        align-self: start !important;

        margin-top: 0 !important;

        padding: 0 !important;
    }

    .hero-browser {
        box-sizing: border-box !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto !important;

        transform: none !important;

        border-radius: 16px !important;
    }

    .hero-browser img {
        display: block !important;

        width: 100% !important;
        height: auto !important;

        aspect-ratio: auto !important;

        object-fit: contain !important;
        object-position: top center !important;
    }

    .hero .floating-card,
    .hero .floating-one,
    .hero .floating-two {
        display: none !important;
    }
}

@media (max-width: 380px) {

    .hero {
        padding-top: 32px !important;
        padding-bottom: 38px !important;
    }

    .hero > .container {
        width: calc(100% - 28px) !important;
    }

    .hero h1 {
        font-size: 34px !important;
    }

    .hero-actions {
        grid-template-columns:
            repeat(
                2,
                minmax(0, 1fr)
            ) !important;
    }

    .hero-actions .btn {
        font-size: 13px !important;
    }
}

/* END ORBI 13A1 MOBILE HERO FINAL */

/* =========================================================
   ORBI 14C2 · MONTHLY / ANNUAL PUBLIC PRICING
   ========================================================= */

.pricing-cycle-shell {
    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    gap:
        10px;

    margin:
        -12px
        0
        34px;
}

.pricing-cycle-toggle {
    display:
        inline-flex;

    align-items:
        stretch;

    gap:
        4px;

    padding:
        5px;

    border:
        1px
        solid
        #dedcf1;

    border-radius:
        16px;

    background:
        #f4f3fb;

    box-shadow:
        0
        10px
        30px
        rgba(64, 54, 130, .07);
}

.pricing-cycle-option {
    border:
        0;

    border-radius:
        12px;

    padding:
        11px
        21px;

    background:
        transparent;

    color:
        #697084;

    font:
        inherit;

    font-size:
        14px;

    font-weight:
        800;

    cursor:
        pointer;

    transition:
        background .18s ease,
        color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.pricing-cycle-option:hover {
    color:
        #5540df;
}

.pricing-cycle-option.active {
    background:
        #fff;

    color:
        #503ce0;

    box-shadow:
        0
        7px
        18px
        rgba(65, 51, 158, .12);
}

.pricing-cycle-option span {
    display:
        inline-flex;

    align-items:
        center;

    margin-left:
        7px;

    padding:
        3px
        7px;

    border-radius:
        999px;

    background:
        #e9e5ff;

    color:
        #5a44e8;

    font-size:
        10px;

    font-weight:
        850;

    vertical-align:
        1px;
}

.pricing-cycle-caption {
    margin:
        0;

    color:
        #787f90;

    font-size:
        13px;

    font-weight:
        650;
}

.annual-price-meta {
    display:
        flex;

    flex-wrap:
        wrap;

    gap:
        8px;

    margin:
        -12px
        0
        22px;
}

.annual-price-meta[hidden] {
    display:
        none
        !important;
}

.annual-price-meta span {
    display:
        inline-flex;

    align-items:
        center;

    gap:
        5px;

    padding:
        6px
        9px;

    border-radius:
        10px;

    background:
        #f3f1ff;

    color:
        #69627e;

    font-size:
        11px;

    font-weight:
        700;
}

.annual-price-meta b {
    color:
        #5540e4;
}

@media (max-width: 720px) {
    .pricing-cycle-shell {
        margin-bottom:
            26px;
    }

    .pricing-cycle-toggle {
        width:
            100%;
    }

    .pricing-cycle-option {
        flex:
            1;

        padding:
            11px
            10px;
    }

    .pricing-cycle-option span {
        display:
            block;

        width:
            max-content;

        margin:
            3px
            auto
            0;
    }

    .annual-price-meta {
        margin-top:
            -8px;
    }
}

/* =========================================================
   ORBI 14C2B · PRICING HEADING WIDTH
   Use the available desktop canvas and avoid unnecessary
   three-line wrapping in the pricing introduction.
   ========================================================= */

.pricing-section .section-heading {
    max-width:
        1180px;
}

.pricing-section .section-heading h2 {
    max-width:
        1120px;

    margin-left:
        auto;

    margin-right:
        auto;
}

.pricing-section .section-heading p {
    max-width:
        1050px;

    margin-left:
        auto;

    margin-right:
        auto;
}

@media (max-width: 1050px) {
    .pricing-section .section-heading,
    .pricing-section .section-heading h2,
    .pricing-section .section-heading p {
        max-width:
            760px;
    }
}

@media (max-width: 720px) {
    .pricing-section .section-heading {
        max-width:
            none;
    }

    .pricing-section .section-heading h2,
    .pricing-section .section-heading p {
        max-width:
            none;
    }
}


/* ORBI A11Y CONTRAST-25
   Contraste de la URL simulada en browser-bar.
*/
.browser-bar b {
    color: #374151;
}