.font-vazirmatn {
                        font-family: "DM Sans", sans-serif;
                }

                /* Rounded images */
                section img {
                        border-radius: 12px;
                }

                section div.overflow-hidden:not(.absolute) {
                        border-radius: 12px;
                }

                .home-container {
                        width: calc(100% - 48px);
                        max-width: 1440px;
                        margin-inline: auto;
                        padding-inline: 28px;
                        box-sizing: border-box;
                }

                @media (max-width: 980px) {
                        .home-container {
                                width: calc(100% - 32px);
                                padding-inline: 16px;
                        }
                }

                /* Círculo Azul Estilizado (Glow) */
                .blue-glow {
                        position: absolute;
                        border-radius: 50%;
                        background: radial-gradient(circle, rgba(46, 61, 107, 0.15) 0%, rgba(46, 61, 107, 0) 70%);
                        filter: blur(80px);
                        pointer-events: none;
                        z-index: 0;
                        mix-blend-mode: multiply;
                }

                .bg-slate-950 .blue-glow,
                .bg-on-surface .blue-glow {
                        background: radial-gradient(circle, rgba(46, 61, 107, 0.25) 0%, rgba(46, 61, 107, 0) 70%);
                        mix-blend-mode: screen;
                }

                /* Manter os fundos claros da home sem textura de linhas */
                .blueprint-bg,
                .blueprint-bg-dark {
                        background-image: none !important;
                }

                /* Textura inteligente inspirada em Terminal Industries */
                .smart-grid-bg {
                        background-image: none !important;
                        background-size: 60px 60px !important;
                        background-attachment: fixed !important;
                        background-position: center center !important;
                }

                /* Estilo para o detalhe da logo flutuante e acentos */
                .logo-floating-detail {
                        position: fixed;
                        bottom: -10%;
                        right: -10%;
                        width: 50vw;
                        height: 50vw;
                        max-width: 800px;
                        opacity: 0.04;
                        pointer-events: none;
                        z-index: 0;
                        transform: rotate(-15deg);
                        filter: blur(2px);
                        transition: all 1.2s cubic-bezier(0.4, 0, 0.2, 1);
                        background-image: url('https://gnsincorporadora.com.br/wp-content/uploads/2026/04/Group.png');
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                }

                .logo-accent-bg {
                        position: absolute;
                        pointer-events: none;
                        z-index: 0;
                        opacity: 0.05;
                        transition: all 0.8s ease;
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                }

                .logo-accent-bg:hover {
                        opacity: 0.1;
                        transform: scale(1.05) rotate(2deg);
                }

                .logo-accent-left {
                        left: -10%;
                        top: 15%;
                        transform: rotate(5deg);
                        width: 40vw;
                        max-width: 600px;
                        background-image: url('https://gnsincorporadora.com.br/wp-content/uploads/2026/04/logo-s.png');
                        filter: brightness(0) invert(1) opacity(0.3);
                }

                .logo-accent-right {
                        right: -10%;
                        bottom: 15%;
                        transform: rotate(-10deg);
                        width: 35vw;
                        max-width: 500px;
                        background-image: url('https://gnsincorporadora.com.br/wp-content/uploads/2026/04/Group.png');
                }

                .logo-accent-blue {
                        opacity: 0.12;
                        filter: saturate(1.5);
                }

                .logo-detail-small {
                        width: 64px;
                        height: 64px;
                        opacity: 0.3;
                        pointer-events: none;
                        background-image: url('https://gnsincorporadora.com.br/wp-content/uploads/2026/04/logo-s.png');
                        background-size: contain;
                        background-repeat: no-repeat;
                        filter: brightness(0.8);
                        transition: transform 0.5s ease;
                }

                .logo-detail-small:hover {
                        transform: rotate(15deg) scale(1.1);
                }

                /* Pill/Chip Styles Inspired by Screenshot */
                .pill-container {
                        display: inline-flex;
                        align-items: center;
                        gap: 12px;
                        border-radius: 9999px;
                        padding: 6px 16px;
                        font-family: "DM Sans", sans-serif;
                        font-weight: 600;
                        font-size: 13px;
                        letter-spacing: 0.05em;
                        text-transform: uppercase;
                        transition: all 0.3s ease;
                }

                .pill-solid {
                        background: #2E3D6B;
                        color: white;
                        box-shadow: 0 4px 15px rgba(46, 61, 107, 0.25);
                }

                .pill-outline {
                        background: transparent;
                        border: 1.5px solid rgba(46, 61, 107, 0.15);
                        color: #1F1F21;
                        padding-left: 6px; /* Adjust for icon */
                }

                .pill-outline-dark {
                        border: 1.5px solid rgba(255, 255, 255, 0.15);
                        color: white;
                }

                .pill-icon-bubble {
                        width: 32px;
                        height: 32px;
                        border-radius: 50%;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        background: #2E3D6B;
                        color: white;
                        flex-shrink: 0;
                }

                .pill-icon-bubble-dark {
                        background: #232856;
                }

                .pill-outline:hover {
                        border-color: #2E3D6B;
                        background: rgba(46, 61, 107, 0.05);
                }

                .btn-gradient {
                        background: linear-gradient(135deg, #142C8E 0%, #1F49D8 52%, #2D5BFF 100%) !important;
                        background-size: 140% 140% !important;
                        background-position: 0% 50% !important;
                        border: 1px solid rgba(255, 255, 255, 0.18) !important;
                        border-radius: 10px !important;
                        color: #FFFFFF !important;
                        box-shadow: 0 10px 24px rgba(31, 73, 216, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.22);
                        transition: transform 0.3s ease, box-shadow 0.3s ease, filter 0.3s ease, background-position 0.3s ease !important;
                }

                .btn-gradient:hover {
                        background-position: 100% 50% !important;
                        filter: brightness(1.1);
                        transform: translateY(-2px);
                        box-shadow: 0 14px 30px rgba(31, 73, 216, 0.38), 0 4px 12px rgba(20, 44, 142, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.28);
                }

                .btn-gradient:focus-visible {
                        outline: 3px solid rgba(45, 91, 255, 0.32);
                        outline-offset: 3px;
                }

                .home-section-title {
                        font-family: "DM Sans", sans-serif !important;
                        font-size: clamp(32px, 4vw, 56px) !important;
                        line-height: 1.12 !important;
                        letter-spacing: 0 !important;
                        font-weight: 800 !important;
                        color: #111827 !important;
                        text-wrap: balance;
                }
                @media (min-width: 1025px) {
                        .home-section-title {
                                font-size: 56px !important;
                        }
                }

                .home-section-title .title-accent {
                        color: #142C8E !important;
                        font-weight: 900 !important;
                        background: linear-gradient(135deg, #142C8E 0%, #1F49D8 55%, #2D5BFF 100%);
                        -webkit-background-clip: text;
                        background-clip: text;
                        -webkit-text-fill-color: transparent;
                }

                .home-tech-gradient {
                        background: linear-gradient(135deg, #142C8E 0%, #1F49D8 52%, #2D5BFF 100%);
                        -webkit-background-clip: text;
                        background-clip: text;
                        color: #2D5BFF !important;
                        -webkit-text-fill-color: transparent;
                        text-shadow: 0 0 18px rgba(45, 91, 255, 0.18);
                        transition: filter 0.3s ease, text-shadow 0.3s ease;
                }

                .home-tech-gradient:hover {
                        filter: brightness(1.12);
                        text-shadow: 0 0 22px rgba(45, 91, 255, 0.24);
                }
        
                .sticky-stack {
                        position: sticky;
                        top: min(0px, calc(100vh - 100%));
                }

                /* === Prova de Capacidade - operational dashboard metrics === */
                .stats-section {
                        background:
                                radial-gradient(circle at 16% 12%, rgba(45, 91, 255, 0.08), transparent 30%),
                                linear-gradient(180deg, #f8fafc 0%, #eef3fb 100%);
                        --s2-radius: 24px;
                        border-top-left-radius: var(--s2-radius);
                        border-top-right-radius: var(--s2-radius);
                }

                .stats-section::before {
                        content: '';
                        position: absolute;
                        inset: 0;
                        pointer-events: none;
                        background-image: none;
                        background-size: 48px 48px;
                        mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0.55), transparent 78%);
                }

                .stats-heading {
                        position: relative;
                        padding-bottom: 2rem;
                }

                .stats-heading::after {
                        content: '';
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        width: min(420px, 100%);
                        height: 1px;
                        background: linear-gradient(90deg, rgba(20, 44, 142, 0.75), rgba(45, 91, 255, 0.18), transparent);
                }

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

                .stats-card {
                        position: relative;
                        min-height: 220px;
                        padding: 1.75rem;
                        display: flex;
                        flex-direction: column;
                        justify-content: space-between;
                        overflow: hidden;
                        border: 1px solid rgba(148, 163, 184, 0.38);
                        border-radius: 18px;
                        background:
                                linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.9)),
                                #ffffff;
                        box-shadow: 0 18px 48px -34px rgba(15, 23, 42, 0.34);
                        transition:
                                transform 0.42s cubic-bezier(0.16, 1, 0.3, 1),
                                border-color 0.42s ease,
                                box-shadow 0.42s ease,
                                background 0.42s ease;
                }

                .stats-card::before {
                        content: '';
                        position: absolute;
                        left: 0;
                        right: 0;
                        top: 0;
                        height: 3px;
                        background: linear-gradient(90deg, #142C8E 0%, #1F49D8 52%, #2D5BFF 100%);
                        opacity: 0.92;
                }

                .stats-card::after {
                        content: '';
                        position: absolute;
                        inset: 0;
                        pointer-events: none;
                        opacity: 0;
                        background: radial-gradient(circle at 18% 0%, rgba(45, 91, 255, 0.12), transparent 44%);
                        transition: opacity 0.42s ease;
                }

                .stats-card:hover {
                        transform: translateY(-4px);
                        border-color: rgba(31, 73, 216, 0.46);
                        box-shadow: 0 24px 56px -34px rgba(20, 44, 142, 0.5);
                        background:
                                linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(244, 248, 255, 0.94)),
                                #ffffff;
                }

                .stats-card:hover::after {
                        opacity: 1;
                }

                .stats-card-top,
                .stats-card-value {
                        position: relative;
                        z-index: 1;
                }

                .stats-card-top {
                        display: flex;
                        align-items: flex-start;
                        justify-content: space-between;
                        gap: 1rem;
                }

                .stats-label {
                        display: block;
                        font-family: 'JetBrains Mono', ui-monospace, monospace;
                        font-size: 0.68rem;
                        line-height: 1.4;
                        letter-spacing: 0.16em;
                        text-transform: uppercase;
                        color: #475569;
                }

                .stats-icon {
                        width: 2.5rem;
                        height: 2.5rem;
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        flex: 0 0 auto;
                        color: #1F49D8;
                        border: 1px solid rgba(31, 73, 216, 0.18);
                        border-radius: 12px;
                        background: linear-gradient(180deg, rgba(45, 91, 255, 0.1), rgba(255, 255, 255, 0.78));
                }

                .stats-icon .material-symbols-outlined {
                        font-size: 1.35rem;
                }

                .stats-line {
                        width: 54px;
                        height: 1px;
                        margin: 1.4rem 0 1.2rem;
                        background: linear-gradient(90deg, #142C8E, rgba(45, 91, 255, 0));
                        transform-origin: left center;
                }

                .stats-number {
                        display: block;
                        font-family: "DM Sans", sans-serif;
                        font-size: clamp(2.7rem, 4.3vw, 4.45rem);
                        line-height: 0.95;
                        font-weight: 900;
                        letter-spacing: 0;
                        color: #142C8E;
                }

                .stats-unit {
                        display: block;
                        margin-top: 0.75rem;
                        font-family: 'JetBrains Mono', ui-monospace, monospace;
                        font-size: 0.76rem;
                        line-height: 1.45;
                        letter-spacing: 0.08em;
                        text-transform: uppercase;
                        color: #334155;
                }

                @media (max-width: 1024px) {
                        .stats-grid {
                                grid-template-columns: repeat(2, minmax(0, 1fr));
                        }
                }

                @media (max-width: 640px) {
                        .stats-grid {
                                grid-template-columns: 1fr;
                                gap: 0.875rem;
                        }
                        .stats-card {
                                min-height: 184px;
                                padding: 1.35rem;
                                border-radius: 16px;
                        }
                        .stats-number {
                                font-size: clamp(2.55rem, 15vw, 3.4rem);
                        }
                }

                @media (prefers-reduced-motion: reduce) {
                        .stats-card,
                        .stats-line {
                                opacity: 1 !important;
                                transform: none !important;
                                transition: none !important;
                        }
                }

                /* === Diferenciais Section – Micro-interactions & Scroll Animations === */

                /* Base hidden state for scroll-reveal elements */
                .diff-reveal {
                        opacity: 0;
                        transform: translate3d(0, 34px, 0);
                        transition: opacity 0.9s cubic-bezier(0.16, 1, 0.3, 1),
                                    transform 0.9s cubic-bezier(0.16, 1, 0.3, 1);
                        will-change: opacity, transform;
                }
                .diff-reveal.is-visible {
                        opacity: 1;
                        transform: translate3d(0, 0, 0);
                        will-change: auto;
                }
                /* Stagger delays for the 4 grid cards */
                .diff-reveal[data-delay="1"] { transition-delay: 0.08s; }
                .diff-reveal[data-delay="2"] { transition-delay: 0.18s; }
                .diff-reveal[data-delay="3"] { transition-delay: 0.28s; }
                .diff-reveal[data-delay="4"] { transition-delay: 0.38s; }

                /* Enhanced grid card hover */
                .diff-card {
                        position: relative;
                        transition: background 0.5s cubic-bezier(0.4, 0, 0.2, 1),
                                    box-shadow 0.5s cubic-bezier(0.4, 0, 0.2, 1);
                }
                .diff-card::after {
                        content: '';
                        position: absolute;
                        inset: 0;
                        opacity: 0;
                        background: radial-gradient(ellipse at 30% 30%, rgba(46, 61, 107, 0.08) 0%, transparent 70%);
                        transition: opacity 0.5s ease;
                        pointer-events: none;
                }
                .diff-card:hover {
                        background: rgba(15, 23, 42, 0.8) !important;
                        box-shadow: inset 0 0 40px rgba(46, 61, 107, 0.06);
                }
                .diff-card:hover::after {
                        opacity: 1;
                }

                /* Icon micro-animation on hover */
                .diff-card .diff-icon {
                        transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
                                    filter 0.4s ease,
                                    color 0.3s ease;
                }
                .diff-card:hover .diff-icon {
                        transform: scale(1.18) translateY(-2px);
                        filter: drop-shadow(0 0 12px rgba(46, 61, 107, 0.6));
                }

                /* Card title underline reveal on hover */
                .diff-card .diff-title {
                        position: relative;
                        display: inline-block;
                }
                .diff-card .diff-title::after {
                        content: '';
                        position: absolute;
                        left: 0;
                        bottom: -4px;
                        width: 0;
                        height: 2px;
                        background: #2E3D6B;
                        transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1);
                }
                .diff-card:hover .diff-title::after {
                        width: 100%;
                }

                /* Card text fade-in on hover */
                .diff-card .diff-desc {
                        transition: color 0.4s ease;
                }
                .diff-card:hover .diff-desc {
                        color: #94a3b8;
                }

                /* Left content panel reveal */
                .diff-left-reveal {
                        opacity: 0;
                        transform: translate3d(-18px, 28px, 0);
                        transition: opacity 0.95s cubic-bezier(0.16, 1, 0.3, 1),
                                    transform 0.95s cubic-bezier(0.16, 1, 0.3, 1);
                        will-change: opacity, transform;
                }
                .diff-left-reveal.is-visible {
                        opacity: 1;
                        transform: translate3d(0, 0, 0);
                        will-change: auto;
                }

                @media (max-width: 768px) {
                        .diff-reveal {
                                transform: translate3d(0, 22px, 0);
                                transition-duration: 0.7s;
                        }
                        .diff-left-reveal {
                                transform: translate3d(-8px, 20px, 0);
                                transition-duration: 0.72s;
                        }
                }

                @media (prefers-reduced-motion: reduce) {
                        .diff-reveal,
                        .diff-left-reveal {
                                opacity: 1 !important;
                                transform: none !important;
                                transition: none !important;
                                will-change: auto !important;
                        }
                }

                .precision-section {
                        background: #ffffff;
                        padding-block: clamp(64px, 8vw, 128px);
                }

                .precision-shell {
                        margin-inline: auto;
                }

                .precision-panel {
                        position: relative;
                        display: flex;
                        align-items: center;
                        overflow: hidden;
                        isolation: isolate;
                        min-height: clamp(620px, 58vw, 760px);
                        padding: clamp(56px, 7.2vw, 112px) clamp(28px, 6.5vw, 104px);
                        border-radius: 22px;
                        background:
                                radial-gradient(circle at 12% 24%, rgba(20, 44, 142, 0.28), transparent 34%),
                                radial-gradient(circle at 86% 76%, rgba(45, 91, 255, 0.13), transparent 30%),
                                linear-gradient(135deg, #050a18 0%, #020617 54%, #01030a 100%);
                        box-shadow: none;
                }

                .precision-panel::after {
                        content: '';
                        position: absolute;
                        inset: 0;
                        z-index: 1;
                        pointer-events: none;
                        background: linear-gradient(90deg, rgba(255, 255, 255, 0.025), transparent 25%, rgba(255, 255, 255, 0.018));
                }

                .precision-bg-shape {
                        position: absolute;
                        z-index: 0;
                        pointer-events: none;
                        background: linear-gradient(135deg, #061044 0%, #10247f 46%, #2448ff 100%);
                        -webkit-mask-repeat: no-repeat;
                        mask-repeat: no-repeat;
                        opacity: 0.12;
                        mix-blend-mode: screen;
                }

                .precision-bg-shape--top {
                        width: 560px;
                        height: 172px;
                        top: -112px;
                        left: 40px;
                        -webkit-mask-image: url("../public/images/decor/logo-fondo-a-top.svg");
                        mask-image: url("../public/images/decor/logo-fondo-a-top.svg");
                        -webkit-mask-position: center;
                        mask-position: center;
                        -webkit-mask-size: contain;
                        mask-size: contain;
                        opacity: 0.10;
                        transform: rotate(0deg);
                }

                .precision-bg-shape--right {
                        width: 620px;
                        height: 598px;
                        top: 120px;
                        right: -120px;
                        -webkit-mask-image: url("../public/images/decor/logo-fondo-a-chevron.svg");
                        mask-image: url("../public/images/decor/logo-fondo-a-chevron.svg");
                        -webkit-mask-position: center;
                        mask-position: center;
                        -webkit-mask-size: contain;
                        mask-size: contain;
                        opacity: 0.14;
                        clip-path: inset(0 0 18% 16%);
                        transform: rotate(0deg);
                }

                .precision-content {
                        position: relative;
                        z-index: 2;
                        display: grid;
                        grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
                        gap: clamp(48px, 5.6vw, 88px);
                        align-items: center;
                        width: 100%;
                }

                .precision-copy {
                        max-width: 540px;
                }

                .precision-title {
                        margin: 0 0 clamp(24px, 2.8vw, 34px);
                        font-family: "DM Sans", var(--font-display);
                        font-size: clamp(42px, 3.95vw, 56px);
                        font-weight: 500;
                        line-height: 0.98;
                        letter-spacing: 0.01em;
                        text-transform: uppercase;
                        color: #ffffff;
                        text-wrap: balance;
                }
                @media (min-width: 1025px) {
                        .precision-title {
                                font-size: 56px;
                        }
                }

                .precision-title-line {
                        display: block;
                        white-space: nowrap;
                }

                .precision-title-accent {
                        color: #075cff;
                        text-shadow: 0 0 24px rgba(45, 91, 255, 0.28);
                }

                .precision-text {
                        max-width: 520px;
                        margin: 0 0 28px;
                        color: rgba(226, 232, 240, 0.72);
                        font-weight: 500;
                        font-size: clamp(16px, 1.15vw, 18px);
                        line-height: 1.65;
                }

                .precision-badges {
                        display: flex;
                        flex-wrap: wrap;
                        gap: 12px;
                        margin-bottom: clamp(30px, 3.5vw, 46px);
                }

                .precision-badge {
                        display: inline-flex;
                        align-items: center;
                        gap: 10px;
                        min-height: 42px;
                        padding: 8px 17px 8px 10px;
                        border: 1px solid rgba(255, 255, 255, 0.14);
                        border-radius: 999px;
                        background: rgba(2, 6, 23, 0.28);
                        color: rgba(255, 255, 255, 0.92);
                        font-family: var(--font-technical);
                        font-size: 11px;
                        font-weight: 700;
                        letter-spacing: 0.08em;
                        text-transform: uppercase;
                }

                .precision-badge-icon {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        width: 25px;
                        height: 25px;
                        border-radius: 999px;
                        background: rgba(45, 91, 255, 0.18);
                        color: #88a6ff;
                        font-size: 16px !important;
                        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
                }

                .precision-cta {
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        min-height: 68px;
                        padding: 18px 46px;
                        border-radius: 999px;
                        background: linear-gradient(135deg, #142C8E 0%, #1F49D8 48%, #0B74FF 100%);
                        color: #ffffff;
                        font-family: var(--font-body);
                        font-size: 16px;
                        font-weight: 500;
                        line-height: 1;
                        text-decoration: none;
                        box-shadow: 0 18px 38px rgba(11, 116, 255, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.22);
                        transition: transform 0.28s ease, filter 0.28s ease, box-shadow 0.28s ease;
                }

                .precision-cta:hover {
                        transform: translateY(-3px);
                        filter: brightness(1.08);
                        box-shadow: 0 24px 48px rgba(11, 116, 255, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.28);
                }

                .precision-cta:focus-visible {
                        outline: 3px solid rgba(45, 91, 255, 0.36);
                        outline-offset: 4px;
                }

                .precision-grid {
                        display: grid;
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                        align-self: center;
                        border-left: 1px solid rgba(255, 255, 255, 0.08);
                }

                .precision-feature {
                        position: relative;
                        min-height: 260px;
                        padding: clamp(34px, 4vw, 54px) clamp(28px, 3.4vw, 48px);
                        background: transparent;
                        transition: background 0.3s ease;
                }

                .precision-feature:nth-child(odd) {
                        border-right: 1px solid rgba(255, 255, 255, 0.08);
                }

                .precision-feature:nth-child(-n + 2) {
                        border-bottom: 1px solid rgba(255, 255, 255, 0.08);
                }

                .precision-feature:hover {
                        background: rgba(255, 255, 255, 0.025);
                }

                .precision-feature-icon {
                        display: block;
                        margin-bottom: 28px;
                        color: #075cff;
                        font-size: 34px !important;
                        line-height: 1 !important;
                        text-shadow: 0 0 18px rgba(45, 91, 255, 0.24);
                        transition: transform 0.28s ease, filter 0.28s ease;
                }

                .precision-feature:hover .precision-feature-icon {
                        transform: translateY(-2px);
                        filter: brightness(1.2);
                }

                .precision-feature-title {
                        margin: 0 0 14px;
                        color: #ffffff;
                        font-family: var(--font-technical);
                        font-size: 13px;
                        font-weight: 800;
                        line-height: 1.25;
                        letter-spacing: 0.1em;
                        text-transform: uppercase;
                }

                .precision-feature-text {
                        max-width: 320px;
                        margin: 0;
                        color: rgba(203, 213, 225, 0.72);
                        font-size: 16px;
                        line-height: 1.55;
                }

                @media (max-width: 1180px) {
                        .precision-content {
                                grid-template-columns: 1fr;
                                gap: 48px;
                        }

                        .precision-copy {
                                max-width: 720px;
                        }

                        .precision-grid {
                                border-left: 0;
                        }
                }

                @media (max-width: 720px) {
                        .precision-section {
                                padding-block: 56px;
                        }

                        .precision-panel {
                                min-height: auto;
                                padding: 38px 22px;
                                border-radius: 22px;
                        }

                        .precision-bg-shape--top {
                                width: 420px;
                                height: 128px;
                                top: -82px;
                                left: -36px;
                                opacity: 0.09;
                        }

                        .precision-bg-shape--right {
                                width: 520px;
                                height: 502px;
                                top: 188px;
                                right: -326px;
                                opacity: 0.11;
                        }

                        .precision-title {
                                font-size: clamp(36px, 11vw, 48px);
                                line-height: 1.02;
                        }

                        /* JRC: no mobile o título precisa quebrar linha, senão "PRECISÃO NÃO É OPCIONAL."
                           (nowrap) estoura a largura e é cortado pelo overflow:hidden do box */
                        .precision-title-line {
                                white-space: normal;
                        }

                        .precision-text {
                                font-size: 16px;
                        }

                        .precision-cta {
                                width: 100%;
                                min-height: 60px;
                                padding-inline: 24px;
                        }

                        .precision-grid {
                                grid-template-columns: 1fr;
                        }

                        .precision-feature {
                                min-height: auto;
                                padding: 30px 0;
                        }

                        .precision-feature:nth-child(odd) {
                                border-right: 0;
                        }

                        .precision-feature:nth-child(-n + 3) {
                                border-bottom: 1px solid rgba(255, 255, 255, 0.08);
                        }
                }

                                /* === Segmentos Atendidos – cards premium === */
                .seg-card {
                        display: flex;
                        align-items: center;
                        gap: 1.25rem;
                        padding: 1.5rem 1.75rem;
                        background: #ffffff;
                        border: 1px solid #e2e8f0;
                        border-radius: 16px;
                        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
                        transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
                                    box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1),
                                    border-color 0.4s ease,
                                    background 0.4s ease;
                }
                .seg-card:hover {
                        transform: translateY(-2px);
                        border-color: #c7d2fe;
                        box-shadow: 0 12px 32px -12px rgba(31, 73, 216, 0.18);
                        background: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
                }
                .seg-card-icon {
                        flex-shrink: 0;
                        width: 48px;
                        height: 48px;
                        border-radius: 12px;
                        background: #eff4ff;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        color: #1F49D8;
                        transition: background 0.4s ease, transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
                }
                .seg-card-icon .material-symbols-outlined {
                        font-size: 26px;
                }
                .seg-card:hover .seg-card-icon {
                        background: #e0e9ff;
                        transform: scale(1.06);
                }
                .seg-card-title {
                        font-family: "DM Sans", sans-serif;
                        font-size: 17px;
                        font-weight: 600;
                        color: #0f172a;
                        line-height: 1.3;
                        margin-bottom: 4px;
                }
                .seg-card-desc {
                        font-size: 16px;
                        color: #64748b;
                        line-height: 1.5;
                }

                /* === Segmentos Atendidos Visual Carousel === */
                .segmentos-track {
                        width: 100vw;
                        margin-left: calc(-1 * (100vw - 100%) / 2);
                        overflow: hidden;
                        position: relative;
                        cursor: grab;
                        user-select: none;
                        -webkit-user-select: none;
                        padding-top: 1rem;
                        padding-bottom: 2rem;
                }
                .segmentos-track.is-dragging {
                        cursor: grabbing;
                }
                .segmentos-rail {
                        display: flex;
                        gap: 1.5rem;
                        padding: 0 calc((100vw - 1440px) / 2 + 28px);
                        transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
                        will-change: transform;
                }
                .segmentos-track.is-dragging .segmentos-rail {
                        transition: none;
                }
                @media (max-width: 1440px) {
                        .segmentos-rail {
                                padding: 0 28px;
                        }
                }
                @media (max-width: 980px) {
                        .segmentos-rail {
                                padding: 0 16px;
                        }
                }
                /* Premium Override for .seg-card inside carousel */
                .segmentos-rail .seg-card {
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        justify-content: space-between;
                        gap: 1.5rem;
                        padding: 2.25rem 2rem;
                        flex: 0 0 290px;
                        height: 240px;
                        box-sizing: border-box;
                        background: #ffffff;
                        border: 1px solid #e2e8f0;
                        border-radius: 16px;
                        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
                        transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1),
                                    box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1),
                                    border-color 0.4s ease,
                                    background 0.4s ease;
                }
                .segmentos-rail .seg-card:hover {
                        transform: translateY(-4px);
                        border-color: #c7d2fe;
                        box-shadow: 0 12px 32px -12px rgba(31, 73, 216, 0.18);
                        background: linear-gradient(180deg, #ffffff 0%, #f5f8ff 100%);
                }
                .segmentos-rail .seg-card .seg-card-icon {
                        margin-bottom: auto; /* Push icon to the top */
                }
                @media (min-width: 768px) {
                        .segmentos-rail .seg-card {
                                flex: 0 0 340px;
                                height: 260px;
                        }
                }
                .seg-eyebrow {
                        display: inline-block;
                        font-family: "DM Sans", sans-serif;
                        font-size: 12px;
                        font-weight: 600;
                        letter-spacing: 0.3em;
                        text-transform: uppercase;
                        color: #1F49D8;
                        margin-bottom: 1.5rem;
                }
                @media (max-width: 768px) {
                        .seg-card {
                                padding: 1.25rem 1.25rem;
                                gap: 1rem;
                        }
                        .seg-card-icon {
                                width: 44px;
                                height: 44px;
                        }
                }

                /* =====================================================================
                   ABOUT-SECTOR CARDS (Image 2 style treatment without blue top line)
                   ===================================================================== */
                .segmentos-rail .about-sector-card.seg-card {
                        position: relative;
                        display: flex;
                        flex-direction: column;
                        align-items: flex-start;
                        justify-content: space-between;
                        gap: 1.5rem;
                        padding: 2.25rem 2rem;
                        flex: 0 0 290px;
                        height: 240px;
                        box-sizing: border-box;
                        border-radius: 18px !important; /* Elegant rounded corners */
                        border: 1px solid rgba(148, 163, 184, 0.38) !important; /* Thin and subtle border */
                        background: linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 250, 252, 0.9)) !important; /* Clean white translucent gradient */
                        box-shadow: 0 18px 48px -34px rgba(15, 23, 42, 0.34) !important; /* Soft premium shadow */
                        overflow: hidden;
                        transition: transform 0.42s cubic-bezier(0.16, 1, 0.3, 1),
                                     border-color 0.42s ease,
                                     box-shadow 0.42s ease,
                                     background 0.42s ease !important;
                }

                /* Background hover radial glow, same premium effect from Image 2 but without blue top line */
                .segmentos-rail .about-sector-card.seg-card::after {
                        content: '';
                        position: absolute;
                        inset: 0;
                        pointer-events: none;
                        opacity: 0;
                        background: radial-gradient(circle at 18% 0%, rgba(45, 91, 255, 0.12), transparent 44%);
                        transition: opacity 0.42s ease;
                        z-index: 0;
                }

                .segmentos-rail .about-sector-card.seg-card:hover {
                        transform: translateY(-4px) !important;
                        border-color: rgba(31, 73, 216, 0.46) !important;
                        box-shadow: 0 24px 56px -34px rgba(20, 44, 142, 0.5) !important;
                        background: linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(244, 248, 255, 0.94)) !important;
                }

                .segmentos-rail .about-sector-card.seg-card:hover::after {
                        opacity: 1;
                }

                /* Ensure children sit above the hover radial glow overlay */
                .segmentos-rail .about-sector-card.seg-card .about-sector-card__top,
                .segmentos-rail .about-sector-card.seg-card .about-sector-card__body {
                        position: relative;
                        z-index: 1;
                        width: 100%;
                }

                .segmentos-rail .about-sector-card.seg-card .about-sector-card__top {
                        display: flex;
                        align-items: flex-start;
                        justify-content: space-between;
                        width: 100%;
                }

                /* Small rounded square container at the top */
                .segmentos-rail .about-sector-card.seg-card .about-sector-icon {
                        width: 42px;
                        height: 42px;
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        flex: 0 0 auto;
                        color: #1F49D8;
                        border: 1px solid rgba(31, 73, 216, 0.12);
                        border-radius: 12px;
                        background: #eff4ff;
                        transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), background 0.4s ease, border-color 0.4s ease;
                }

                .segmentos-rail .about-sector-card.seg-card:hover .about-sector-icon {
                        background: rgba(31, 73, 216, 0.12);
                        border-color: rgba(31, 73, 216, 0.24);
                        transform: scale(1.06);
                }

                .segmentos-rail .about-sector-card.seg-card .about-sector-icon .material-symbols-outlined {
                        font-size: 22px;
                }

                .segmentos-rail .about-sector-card.seg-card .about-sector-card__body {
                        display: flex;
                        flex-direction: column;
                        justify-content: flex-end;
                        flex-grow: 1;
                }

                /* Stronger, cleaner typography for title */
                .segmentos-rail .about-sector-card.seg-card .about-sector-title {
                        font-family: var(--font-display);
                        font-size: 19px;
                        font-weight: 800;
                        color: #0F172A;
                        line-height: 1.2;
                        margin-top: 0.5rem;
                        margin-bottom: 0.4rem;
                        letter-spacing: -0.01em;
                }

                /* Softer text color for description */
                .segmentos-rail .about-sector-card.seg-card .about-sector-desc {
                        font-family: var(--font-body);
                        font-size: 14px;
                        line-height: 1.55;
                        color: #475569;
                        font-weight: 500;
                        margin: 0;
                }

                @media (min-width: 768px) {
                        .segmentos-rail .about-sector-card.seg-card {
                                flex: 0 0 340px;
                                height: 260px;
                                padding: 2.5rem 2.25rem;
                        }
                        .segmentos-rail .about-sector-card.seg-card .about-sector-title {
                                font-size: 21px;
                                margin-top: 0.6rem;
                                margin-bottom: 0.5rem;
                        }
                        .segmentos-rail .about-sector-card.seg-card .about-sector-desc {
                                font-size: 14.5px;
                        }
                }

                @media (max-width: 768px) {
                        .segmentos-rail .about-sector-card.seg-card {
                                padding: 1.5rem 1.25rem;
                                gap: 1rem;
                                height: 220px;
                                flex: 0 0 280px;
                        }
                }

                /* Hero — estética cinematográfica dos títulos (sem alterar lógica/animações) */
                .hero-title-shadow {
                        text-shadow:
                                0 6px 28px rgba(0, 0, 0, 0.55),
                                0 2px 10px rgba(0, 0, 0, 0.45),
                                0 1px 2px rgba(0, 0, 0, 0.5);
                }
                .hero-text-shadow-soft {
                        text-shadow:
                                0 2px 10px rgba(0, 0, 0, 0.55),
                                0 1px 3px rgba(0, 0, 0, 0.45);
                }
                .final-cta-video-bg {
                        position: absolute;
                        inset: 0;
                        z-index: 1;
                        overflow: hidden;
                        pointer-events: none;
                        background: #020617;
                }
                .final-cta-video-bg video,
                .final-cta-video-bg img {
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        object-position: center right;
                        transform: translate(-50%, calc(-50% + var(--cta-parallax, 0px))) scale(1.14);
                        transform-origin: center;
                        border: 0;
                        opacity: 1;
                        filter: saturate(1.05) contrast(1.05);
                }
                .final-cta-video-bg::after {
                        content: "";
                        position: absolute;
                        inset: 0;
                        z-index: 2;
                        background:
                                linear-gradient(
                                        90deg,
                                        rgba(0, 0, 0, 0.88) 0%,
                                        rgba(0, 0, 0, 0.78) 26%,
                                        rgba(0, 0, 0, 0.50) 48%,
                                        rgba(0, 0, 0, 0.22) 70%,
                                        rgba(0, 0, 0, 0.08) 100%
                                ),
                                linear-gradient(
                                        180deg,
                                        rgba(0, 0, 0, 0.24) 0%,
                                        rgba(0, 0, 0, 0.08) 45%,
                                        rgba(0, 0, 0, 0.48) 100%
                                );
                        pointer-events: none;
                }
                .final-cta-content {
                        min-height: clamp(360px, 42vh, 480px);
                        display: flex;
                        align-items: center;
                }
                .final-cta-copy {
                        width: min(100%, 820px);
                }
                @media (max-width: 768px) {
                        .final-cta-video-bg video,
                        .final-cta-video-bg img {
                                object-position: center;
                                transform: translate(-50%, calc(-50% + var(--cta-parallax, 0px))) scale(1.22);
                        }
                        .final-cta-video-bg::after {
                                background:
                                        linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.76) 58%, rgba(0, 0, 0, 0.48) 100%),
                                        linear-gradient(180deg, rgba(0, 0, 0, 0.36) 0%, rgba(0, 0, 0, 0.12) 45%, rgba(0, 0, 0, 0.56) 100%);
                        }
                        .final-cta-content {
                                min-height: clamp(480px, 62vh, 620px);
                        }
                }
                .hero-title-accent {
                        background: none;
                        -webkit-text-fill-color: #2D5BFF;
                        color: #2D5BFF;
                        font-weight: 900;
                        text-shadow: none;
                        filter: none;
                }
                /* === Operações / Cases — premium card grid (estilo enterprise SaaS / logística) === */
                .cases-section {
                        --case-radius: 16px;
                }
                .cases-grid {
                        display: grid;
                        grid-template-columns: repeat(3, minmax(0, 1fr));
                        gap: 2.25rem;
                }
                @media (max-width: 1024px) {
                        .cases-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.75rem; }
                }
                @media (max-width: 640px) {
                        .cases-grid { grid-template-columns: 1fr; gap: 1.5rem; }
                }
                .case-card {
                        display: flex;
                        flex-direction: column;
                        background: #ffffff;
                        border: none;
                        border-radius: var(--case-radius);
                        overflow: hidden;
                        text-decoration: none;
                        color: inherit;
                        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
                        transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1),
                                                box-shadow 0.5s cubic-bezier(0.22, 1, 0.36, 1),
                                                border-color 0.4s ease;
                        will-change: transform;
                }
                .case-card:hover {
                        transform: translateY(-4px) scale(1.005);
                        border-color: #c7d2fe;
                        box-shadow:
                                0 18px 40px -18px rgba(31, 73, 216, 0.22),
                                0 8px 18px -10px rgba(15, 23, 42, 0.10);
                }
                .case-card-media {
                        position: relative;
                        width: 100%;
                        aspect-ratio: 16 / 11;
                        overflow: hidden;
                        background: none;
                }
                .case-card-media img {
                        width: 100%;
                        height: 100%;
                        object-fit: cover;
                        border-radius: 22px;
                        transform: scale(1.001);
                        transition: transform 0.9s cubic-bezier(0.22, 1, 0.36, 1),
                                                filter 0.6s ease;
                        filter: saturate(1) contrast(1);
                }
                .case-card:hover .case-card-media img {
                        transform: scale(1.06);
                        filter: saturate(1.05) contrast(1.02);
                }
                .case-card-media::after {
                        content: '';
                        position: absolute;
                        inset: 0;
                        background: linear-gradient(180deg, rgba(15, 23, 42, 0) 55%, rgba(15, 23, 42, 0.18) 100%);
                        opacity: 0;
                        transition: opacity 0.4s ease;
                        pointer-events: none;
                }
                .case-card:hover .case-card-media::after { opacity: 1; }
                .case-card-body {
                        display: flex;
                        flex-direction: column;
                        gap: 0.75rem;
                        padding: 1.75rem 1.75rem 1.85rem;
                        flex: 1;
                }
                .case-card-eyebrow {
                        font-family: "DM Sans", sans-serif;
                        font-size: 11px;
                        font-weight: 700;
                        letter-spacing: 0.22em;
                        text-transform: uppercase;
                        color: #1F49D8;
                }
                .case-card-title {
                        font-family: "DM Sans", sans-serif;
                        font-size: 1.15rem;
                        line-height: 1.32;
                        font-weight: 500;
                        color: #0f172a;
                        text-wrap: balance;
                        transition: color 0.3s ease;
                }
                .case-card:hover .case-card-title { color: #142C8E; }
                .case-card-desc {
                        font-family: "DM Sans", sans-serif;
                        font-size: 16px;
                        line-height: 1.55;
                        color: #475569;
                        display: -webkit-box;
                        -webkit-line-clamp: 3;
                        -webkit-box-orient: vertical;
                        overflow: hidden;
                }
                .case-card-link {
                        margin-top: auto;
                        display: inline-flex;
                        align-items: center;
                        gap: 0.5rem;
                        padding-top: 1.25rem;
                        font-family: "DM Sans", sans-serif;
                        font-size: 12px;
                        font-weight: 700;
                        letter-spacing: 0.18em;
                        text-transform: uppercase;
                        color: #142C8E;
                }
                .case-card-link .arrow {
                        display: inline-block;
                        transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
                }
                .case-card:hover .case-card-link .arrow { transform: translateX(6px); }
                @media (max-width: 640px) {
                        .case-card-body { padding: 1.4rem 1.4rem 1.5rem; }
                        .case-card-title { font-size: 1.05rem; }
                }

                /* Vinheta cinematográfica — cobre ~metade da tela, gradiente diagonal (estilo daytec) */
                .hero-vignette {
                        background:
                                linear-gradient(
                                        105deg,
                                        rgba(0, 0, 0, 0.85) 0%,
                                        rgba(0, 0, 0, 0.75) 18%,
                                        rgba(0, 0, 0, 0.55) 35%,
                                        rgba(0, 0, 0, 0.30) 50%,
                                        rgba(0, 0, 0, 0.10) 65%,
                                        rgba(0, 0, 0, 0) 80%
                                ),
                                linear-gradient(
                                        to top,
                                        rgba(0, 0, 0, 0.55) 0%,
                                        rgba(0, 0, 0, 0.20) 40%,
                                        rgba(0, 0, 0, 0) 75%
                                );
                }
                /* Beat C usa lado direito — invertemos o diagonal */
                [data-beat="c"] ~ .hero-vignette,
                .hero-vignette--right {
                        background:
                                linear-gradient(
                                        255deg,
                                        rgba(0, 0, 0, 0.85) 0%,
                                        rgba(0, 0, 0, 0.75) 18%,
                                        rgba(0, 0, 0, 0.55) 35%,
                                        rgba(0, 0, 0, 0.30) 50%,
                                        rgba(0, 0, 0, 0.10) 65%,
                                        rgba(0, 0, 0, 0) 80%
                                ),
                                linear-gradient(
                                        to top,
                                        rgba(0, 0, 0, 0.55) 0%,
                                        rgba(0, 0, 0, 0.20) 40%,
                                        rgba(0, 0, 0, 0) 75%
                                );
                }