:root {
    --sync-primary: #7ac143;
    --sync-primary-dark: #689f38;
    --sync-secondary: #2e1a8a;
    --sync-accent: #21165e;
    --sync-dark: #182033;
    --sync-text: #5e687d;
    --sync-border: #d9dde5;
    --sync-bg: #ebedf0;
    --sync-canvas: #e3e7ec;
    --sync-soft: #f3f5f7;
    --sync-soft-accent: #f2effb;
    --sync-soft-green: #eef6e5;
}

html {
    scroll-behavior: auto;
}

body {
    font-family: 'Inter', sans-serif;
    color: var(--sync-dark);
    background: linear-gradient(180deg, #ebedf0 0%, #f4f6f8 100%);
    padding-top: 88px;
}

main,
section,
footer {
    position: relative;
}


a {
    text-decoration: none;
}

img {
    display: block;
}

.sync-navbar {
    background: rgba(255,255,255,.92);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid rgba(18,24,38,.06);
    padding: .95rem 0;
}

.navbar-brand {
    color: var(--sync-accent);
}

.brand-wordmark {
    letter-spacing: -.02em;
}

.navbar .nav-link {
    color: var(--sync-dark);
    font-weight: 600;
    padding: .55rem .9rem;
    border-radius: 999px;
}

.navbar .nav-link:hover,
.navbar .nav-link:focus,
.navbar .nav-link.active {
    color: var(--sync-secondary);
    background: var(--sync-soft-accent);
}

.navbar-toggler:focus {
    box-shadow: none;
}

.dropdown-menu {
    border: 1px solid var(--sync-border);
    box-shadow: 0 20px 50px rgba(18,24,38,.08);
    border-radius: 1rem;
    padding: .55rem;
}

.dropdown-item {
    border-radius: .85rem;
    padding: .7rem .9rem;
}

.dropdown-item:hover {
    background: var(--sync-soft-accent);
    color: var(--sync-secondary);
}

.brand-mark {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: .8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--sync-secondary), var(--sync-accent));
    color: white;
    font-weight: 800;
    box-shadow: 0 14px 32px rgba(46,26,138,.22);
}

.btn-sync-primary,
.btn-sync-outline {
    border-radius: 999px;
    font-weight: 700;
    padding: .9rem 1.4rem;
    transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease, border-color .18s ease, color .18s ease;
}

.btn-sync-primary:hover,
.btn-sync-outline:hover {
    transform: translateY(-1px);
}


.btn-sync-primary {
    background: var(--sync-primary);
    border: 1px solid var(--sync-primary);
    color: white;
    box-shadow: 0 16px 34px rgba(122,193,67,.24);
}

.btn-sync-primary:hover {
    background: var(--sync-primary-dark);
    border-color: var(--sync-primary-dark);
    color: white;
}

.btn-sync-outline {
    background: white;
    border: 1px solid var(--sync-border);
    color: var(--sync-dark);
    box-shadow: 0 10px 24px rgba(15,23,42,.05);
}

.btn-sync-outline:hover {
    border-color: var(--sync-secondary);
    color: var(--sync-secondary);
    background: white;
}

.nav-cta {
    min-width: 154px;
}

.hero-section {
    padding: 4.5rem 0 3rem;
    overflow: hidden;
    background:
        radial-gradient(circle at top center, rgba(122,193,67,.10), transparent 28%),
        linear-gradient(180deg, #ffffff 0%, #f5f6f8 100%);
}

.hero-centered .hero-copy {
    max-width: 860px;
    position: relative;
    z-index: 1;
}

.hero-actions .btn {
    min-width: 190px;
}


.hero-title,
.section-title {
    font-weight: 800;
    letter-spacing: -.045em;
    line-height: 1.04;
}

.hero-title {
    font-size: clamp(2.7rem, 5vw, 5rem);
}

.hero-wide {
    max-width: 13ch;
}

.hero-tight {
    max-width: 14ch;
}

.section-title {
    font-size: clamp(2rem, 3.4vw, 3.3rem);
}

.hero-text,
.section-text,
.service-card p,
.product-card p,
.info-card p,
.timeline-item p,
.partner-pill,
.stat-label,
.footer-links a,
.footer-section p,
.footer-bottom,
.feature-panel p,
.contact-mini-card span,
.accent-card p,
.link-arrow,
.about-story p,
.feature-tile,
.form-text,
.form-control,
.form-select,
textarea,
.small.text-secondary,
.text-secondary {
    color: var(--sync-text) !important;
}

.hero-lead {
    font-size: 1.125rem;
    max-width: 60ch;
}

.section-chip {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: var(--sync-soft-green);
    color: var(--sync-secondary);
    border: 1px solid rgba(122,193,67,.18);
    border-radius: 999px;
    padding: .55rem .95rem;
    font-weight: 700;
    font-size: .9rem;
}

.chip-inverse {
    background: rgba(255,255,255,.14);
    color: white;
    border-color: rgba(255,255,255,.14);
}

.hero-mosaic {
    display: grid;
    grid-template-columns: 1.05fr 1.65fr 1.05fr 1.05fr;
    gap: 1rem;
    align-items: stretch;
    margin-top: 2.25rem !important;
}


.hero-tile {
    background: white;
    border: 1px solid rgba(216,224,235,.9);
    border-radius: 1.75rem;
    overflow: hidden;
    box-shadow: 0 20px 46px rgba(15,23,42,.08);
}

.hero-tile:nth-child(2) {
    transform: translateY(10px);
}


.hero-tile img,
.hero-page-image,
.product-card-image,
.services-image,
.object-cover {
    object-fit: cover;
}

.hero-tile img {
    width: 100%;
    height: 100%;
}

.hero-tile-sm {
    min-height: 255px;
}

.hero-tile-md {
    min-height: 255px;
}

.hero-tile-lg {
    min-height: 320px;
}

.highlight-band {
    margin-inline: auto;
    margin-top: 1.25rem;
    background: linear-gradient(90deg, #eef6e5 0%, #f8fbf4 100%);
    border: 1px solid rgba(122,193,67,.16);
    border-radius: 1.3rem;
    padding: 1rem 1.1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    box-shadow: 0 12px 28px rgba(18,24,38,.04);
}

.highlight-band-text {
    font-weight: 700;
    color: var(--sync-accent);
}

.highlight-band-links a {
    font-weight: 700;
    color: var(--sync-primary);
}

.stats-shell {
    background: rgba(255,255,255,.94);
    border: 1px solid var(--sync-border);
    border-radius: 1.9rem;
    padding: 1.35rem;
    box-shadow: 0 18px 46px rgba(15,23,42,.06);
    backdrop-filter: blur(10px);
}

.hero-stats .stat-card,
.stat-card,
.info-card,
.service-card,
.product-card,
.lead-shell,
.about-story,
.feature-panel,
.contact-mini-card {
    background: white;
    border: 1px solid var(--sync-border);
    border-radius: 1.5rem;
    box-shadow: 0 18px 40px rgba(15,23,42,.05);
}

.hero-stats .stat-card,
.stat-card,
.info-card,
.service-card,
.product-card,
.about-story,
.feature-panel,
.contact-mini-card {
    padding: 1.5rem;
}

.stat-value {
    font-size: 1.55rem;
    font-weight: 800;
    color: var(--sync-accent);
    margin-bottom: .4rem;
}

.section-space {
    padding: 5.25rem 0;
}

.section-soft,
.product-showcase,
.why-shell {
    background: var(--sync-soft);
}

.section-heading {
    max-width: 860px;
    margin: 0 auto;
}

.product-card {
    display: block;
    padding: 1.2rem;
    transition: transform .22s ease, box-shadow .22s ease;
}

.product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 26px 54px rgba(15,23,42,.10);
}

.product-card h4 {
    font-weight: 800;
    font-size: 1.3rem;
    line-height: 1.2;
    color: var(--sync-accent);
}

.mini-chip {
    display: inline-flex;
    align-items: center;
    padding: .38rem .72rem;
    border-radius: 999px;
    background: var(--sync-soft-accent);
    color: var(--sync-secondary);
    font-weight: 700;
    font-size: .82rem;
    margin-bottom: 1rem;
}

.link-arrow {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    margin-top: .8rem;
    font-weight: 700;
    color: var(--sync-secondary) !important;
}

.link-arrow::after {
    content: "→";
}

.timeline-list {
    display: grid;
    gap: 1.1rem;
}

.timeline-item {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    background: white;
    border: 1px solid var(--sync-border);
    border-radius: 1.25rem;
    padding: 1.15rem 1.2rem;
}

.timeline-item span {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: var(--sync-soft-green);
    color: var(--sync-primary);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex: 0 0 auto;
}

.timeline-item h6,
.service-card h5,
.info-card h4,
.feature-panel h5,
.accent-card h4,
.about-story h4,
.feature-tile span {
    font-weight: 800;
    color: var(--sync-accent);
}

.icon-badge {
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--sync-soft-accent);
    color: var(--sync-secondary);
    font-weight: 800;
    margin-bottom: 1rem;
}

.lead-shell {
    padding: 1.75rem;
}

.lead-shell .btn-sync-primary {
    min-width: 200px;
    justify-content: center;
}


.lead-shell-contrast {
    background: #fff;
}

.lead-shell-header {
    margin-bottom: 1.25rem;
}

.sync-input,
.sync-textarea {
    border-radius: 1rem;
    border-color: var(--sync-border);
    min-height: 54px;
    padding: .85rem 1rem;
    background: #fff;
}

.sync-input:hover,
.sync-textarea:hover {
    border-color: #b6c6db;
}


.sync-input:focus,
.sync-textarea:focus,
.form-control:focus,
.form-select:focus {
    border-color: rgba(46,26,138,.24);
    box-shadow: 0 0 0 .2rem rgba(46,26,138,.08);
}

.sync-textarea {
    min-height: 150px;
    border-radius: 1.2rem;
    resize: vertical;
}

.form-label {
    font-weight: 700;
    margin-bottom: .45rem;
    color: var(--sync-accent);
}

.page-hero {
    padding: 3.75rem 0 2.5rem;
    background:
        radial-gradient(circle at 90% 0%, rgba(46,26,138,.10), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, #f5f6f8 100%);
}

.shadow-soft {
    box-shadow: 0 24px 55px rgba(18,24,38,.10);
}

.feature-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.feature-tile {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 18px 20px;
    background: #ffffff;
    border: 1px solid #e1e5ee;
    border-radius: 18px;
    min-height: 88px;
}

    .feature-tile span {
        font-weight: 400;
        line-height: 1.4;
        color: #1b2340;
    }

.feature-dot {
    width: 10px;
    height: 10px;
    margin-top: 6px;
    border-radius: 50%;
    background: #6db33f;
}

@media (max-width: 991.98px) {
    .feature-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575.98px) {
    .feature-grid {
        grid-template-columns: 1fr;
    }
}

.accent-card {
    background: linear-gradient(180deg, #f2effb 0%, #ffffff 100%);
    border: 1px solid #ddd8f3;
    border-radius: 1.75rem;
    padding: 1.6rem;
}

.accent-card-label {
    display: inline-flex;
    padding: .42rem .72rem;
    border-radius: 999px;
    background: white;
    color: var(--sync-primary);
    font-weight: 700;
    margin-bottom: 1rem;
}

.contact-mini-grid {
    display: grid;
    gap: 1rem;
}

.contact-mini-card strong {
    display: block;
    margin-bottom: .35rem;
}

.contact-mini-card-dark {
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);
}

.contact-mini-card-dark strong,
.contact-mini-card-dark span {
    color: rgba(255,255,255,.92) !important;
}

.contact-mini-card strong {
    color: var(--sync-accent);
}


.contact-cta-section {
    padding-top: 2.5rem;
}

.contact-band {
    background: linear-gradient(135deg, var(--sync-secondary) 0%, var(--sync-accent) 100%);
    border-radius: 2rem;
    padding: 2rem;
    box-shadow: 0 24px 60px rgba(15,23,42,.22);
}

.footer-section {
    padding: 0 0 2rem;
    background: #eef1f4;
}

.footer-card {
    margin-top: 1rem;
    padding: 2.4rem;
    border-radius: 2rem;
    background: linear-gradient(135deg, var(--sync-secondary) 0%, var(--sync-accent) 100%);
    box-shadow: 0 24px 60px rgba(15,23,42,.22);
}

.footer-main .btn-sync-primary {
    min-height: 50px;
}


.footer-main {
    align-items: start;
}

.footer-title {
    color: var(--sync-accent);
    font-weight: 800;
    margin-bottom: .95rem;
}

.footer-links li + li {
    margin-top: .55rem;
}

.footer-links a:hover {
    color: var(--sync-primary) !important;
}

.footer-bottom {
    border-color: var(--sync-border) !important;
    color: var(--sync-text);
}


.hero-page-image {
    height: 500px;
}

.product-card-image {
    height: 220px;
}

.services-image {
    height: 560px;
}

.object-cover {
    object-fit: cover;
}

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

    .hero-tile-lg,
    .hero-tile-md,
    .hero-tile-sm {
        min-height: 240px;
    }
}

@media (max-width: 991.98px) {
    body {
        padding-top: 80px;
    }

    .hero-section {
        padding-top: 3.6rem;
    }

    .hero-title {
        font-size: clamp(2.4rem, 7vw, 3.8rem);
    }

    .hero-page-image,
    .services-image {
        height: 380px;
    }

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

    .nav-cta-wrap,
    .navbar .btn {
        width: 100%;
    }

    .navbar-collapse {
        padding-top: 1rem;
    }

    .highlight-band {
        flex-direction: column;
        align-items: flex-start;
        margin-top: 1rem;
    }

    .hero-tile:nth-child(2) {
        transform: none;
    }
}

@media (max-width: 767.98px) {
    .section-space {
        padding: 4.25rem 0;
    }

    .hero-mosaic {
        grid-template-columns: 1fr;
    }

    .hero-tile-lg,
    .hero-tile-md,
    .hero-tile-sm,
    .product-card-image,
    .hero-page-image,
    .services-image {
        height: 240px;
        min-height: unset;
    }

    .contact-band,
    .footer-card,
    .stats-shell {
        padding: 1.4rem;
        border-radius: 1.5rem;
    }

    .btn-sync-primary,
    .btn-sync-outline,
    .hero-actions .btn {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .hero-section,
    .page-hero,
    .section-space {
        padding: 3.75rem 0;
    }

    .hero-title {
        font-size: 2.2rem;
    }

    .section-title {
        font-size: 1.9rem;
    }
}

.product-page-hero .row {
    align-items: flex-start !important;
}

.product-page-hero .hero-page-image {
    margin-top: .2rem;
    height: 500px;
}

.page-hero .section-title {
    max-width: 12ch;
}

.product-page-hero .section-title {
    max-width: 9.5ch;
}

.product-page-hero .feature-panel {
    margin-top: 1.35rem;
}

.btn-sync-primary:focus,
.btn-sync-outline:focus {
    box-shadow: 0 0 0 .2rem rgba(122,193,67,.18);
}

@media (max-width: 991.98px) {
    .product-page-hero .hero-page-image {
        height: 380px;
        margin-top: 0;
    }
}

@media (max-width: 767.98px) {
    .product-page-hero .hero-page-image {
        height: 240px;
    }
}


/* ---------- 2026 UI cleanup: spacing, cards, footer, page rhythm ---------- */

.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    max-width: 1240px;
}

body {
    overflow-x: hidden;
}

.hero-copy {
    max-width: 760px;
    margin-inline: auto;
}

.hero-title {
    margin-bottom: 1rem;
}

.hero-text,
.section-text {
    max-width: 62ch;
}

.hero-copy .hero-text,
.section-heading .section-text,
.page-hero .section-text {
    margin-inline: auto;
}

.hero-actions {
    margin-top: 1.75rem;
}

.hero-actions .btn {
    min-width: 190px;
}

.section-heading {
    margin-bottom: 2.75rem;
}

.section-space {
    padding: 4.5rem 0;
}

.page-hero {
    padding: 3.5rem 0 2.5rem;
}

.page-hero .row,
.product-page-hero .row {
    align-items: center;
}

.page-hero .section-title,
.product-page-hero .section-title {
    max-width: 12ch;
    margin-bottom: 1rem;
}

.product-page-hero .feature-panel {
    margin-top: 1.75rem;
}

.info-card,
.about-story,
.accent-card,
.feature-panel,
.service-card,
.product-card,
.contact-mini-card,
.stat-card {
    padding: 2rem;
}

.info-card h4,
.about-story h2,
.accent-card h4 {
    margin-bottom: 1rem;
}

.info-card p:last-child,
.about-story p:last-child,
.accent-card p:last-child,
.feature-panel p:last-child {
    margin-bottom: 0;
}

.info-card.h-100,
.about-story.h-100,
.accent-card.h-100,
.feature-panel.h-100,
.service-card.h-100,
.product-card.h-100 {
    height: auto !important;
}

.about-story {
    padding: 2rem 2rem 1.75rem;
}

.about-story .section-title {
    font-size: clamp(2.3rem, 4.2vw, 4.4rem);
    line-height: .98;
    letter-spacing: -.05em;
    max-width: 11ch;
    margin-bottom: 1.25rem !important;
}

.about-story .section-chip,
.info-card .section-chip,
.accent-card-label,
.footer-card .section-chip {
    margin-bottom: 1.25rem !important;
}

.accent-card {
    background: linear-gradient(180deg, #f4f1fc 0%, #fbfbfe 100%);
}

.feature-grid {
    gap: 1rem;
}

.feature-tile {
    min-height: 78px;
}

.footer-section {
    padding: 0 0 2.5rem;
}

.footer-card {
    margin-top: 1.25rem;
    margin-bottom: 2.75rem;
    padding: 2.75rem 3rem;
}

.footer-card h2 {
    max-width: 12ch;
    margin-bottom: 1rem !important;
    font-size: clamp(2.1rem, 3.5vw, 3.2rem);
    line-height: 1.03;
    letter-spacing: -.04em;
}

.footer-card p {
    max-width: 34ch;
    color: rgba(255,255,255,.72) !important;
    font-size: 1.18rem;
    line-height: 1.5;
}

.footer-card .col-lg-5 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.footer-card .btn {
    min-width: 192px;
    padding-inline: 1.6rem;
}

.footer-main {
    margin-bottom: 1.75rem;
}

.footer-main > div {
    padding-top: .25rem;
}

.footer-title {
    margin-bottom: 1.1rem;
}

.footer-links {
    margin-bottom: 0;
}

.footer-links li + li {
    margin-top: .85rem;
}

.footer-main .btn-sync-primary {
    min-height: 56px;
    border-radius: 999px;
}

.footer-bottom {
    padding-top: 1.1rem;
}

@media (max-width: 991.98px) {
    .section-space {
        padding: 4rem 0;
    }

    .footer-card {
        padding: 2rem;
        margin-bottom: 2rem;
    }

    .footer-card .col-lg-5 {
        justify-content: flex-start;
        margin-top: 1rem;
    }

    .footer-card h2,
    .footer-card p {
        max-width: none;
    }

    .about-story .section-title {
        max-width: none;
    }
}

@media (max-width: 767.98px) {
    .info-card,
    .about-story,
    .accent-card,
    .feature-panel,
    .service-card,
    .product-card,
    .contact-mini-card,
    .stat-card,
    .footer-card {
        padding: 1.5rem;
    }

    .footer-card .btn {
        width: 100%;
    }
}

/* ---------- 2026 responsive alignment and motion upgrade ---------- */

:root {
    --sync-radius-lg: 1.75rem;
    --sync-shadow-md: 0 24px 60px rgba(15,23,42,.08);
    --sync-shadow-lg: 0 32px 90px rgba(15,23,42,.14);
}

img,
.hero-page-image,
.product-card-image,
.services-image,
.sync-page-image {
    width: 100%;
}

.hero-mosaic,
.sync-card-grid,
.feature-grid,
.contact-mini-grid,
.contact-value-stack {
    align-items: stretch;
}

.product-card,
.stat-card,
.info-card,
.contact-mini-card,
.feature-panel,
.service-card,
.about-story,
.accent-card,
.contact-showcase,
.contact-form-shell {
    height: 100%;
}

.product-card {
    display: flex;
    flex-direction: column;
    gap: .2rem;
}

.product-card p {
    margin-bottom: 1.2rem;
}

.link-arrow {
    margin-top: auto;
}

.sync-hero-shell::before,
.contact-page-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 15% 15%, rgba(122,193,67,.12), transparent 24%),
        radial-gradient(circle at 85% 10%, rgba(46,26,138,.12), transparent 22%);
    pointer-events: none;
}

.hero-mosaic {
    grid-auto-rows: minmax(240px, auto);
}

.hero-tile,
.product-card,
.lead-shell,
.info-card,
.stat-card,
.contact-mini-card,
.accent-card,
.about-story,
.feature-tile,
.footer-card {
    transition: transform .4s cubic-bezier(.2,.7,.2,1), box-shadow .4s cubic-bezier(.2,.7,.2,1), border-color .3s ease;
}

.hero-tile:hover,
.product-card:hover,
.contact-mini-card:hover,
.feature-tile:hover,
.info-card:hover,
.stat-card:hover,
.accent-card:hover {
    transform: translateY(-6px);
    box-shadow: var(--sync-shadow-md);
}

.sync-page-image,
.product-card-image,
.hero-tile img {
    aspect-ratio: 4 / 3;
}

.hero-page-image,
.sync-page-image {
    height: min(520px, 62vw);
    min-height: 320px;
    object-position: center;
}

.product-card-image {
    aspect-ratio: 16 / 10;
    height: auto;
    min-height: 220px;
}

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

.feature-tile {
    min-height: 100px;
    box-shadow: 0 12px 30px rgba(15,23,42,.04);
}

.contact-page-hero {
    overflow: hidden;
}

.contact-showcase,
.contact-form-shell {
    border-radius: 2rem;
}

.contact-showcase {
    position: relative;
    padding: 2rem;
    background: linear-gradient(180deg, rgba(255,255,255,.94) 0%, rgba(245,247,250,.92) 100%);
    border: 1px solid rgba(217,221,229,.95);
    box-shadow: var(--sync-shadow-md);
}

.contact-showcase::after {
    content: "";
    position: absolute;
    right: -90px;
    bottom: -90px;
    width: 220px;
    height: 220px;
    background: radial-gradient(circle, rgba(122,193,67,.18) 0%, rgba(122,193,67,0) 70%);
    pointer-events: none;
}

.contact-feature-card {
    background: rgba(255,255,255,.86);
}

.contact-value-stack {
    display: grid;
    gap: 1rem;
}

.contact-value-item {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1rem;
    align-items: start;
    padding: 1rem 1.05rem;
    border: 1px solid rgba(217,221,229,.9);
    border-radius: 1.25rem;
    background: rgba(255,255,255,.76);
}

.contact-value-item h5 {
    margin: 0 0 .35rem;
    color: var(--sync-accent);
    font-weight: 800;
}

.contact-value-item p {
    margin: 0;
    color: var(--sync-text);
}

.contact-value-icon {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: .95rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, rgba(46,26,138,.12), rgba(122,193,67,.18));
    color: var(--sync-secondary);
    font-weight: 800;
    flex-shrink: 0;
}

.contact-form-shell {
    position: relative;
    padding: 2rem;
    background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(249,250,252,.98) 100%);
    box-shadow: var(--sync-shadow-lg);
    overflow: hidden;
}

.contact-form-shell::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(46,26,138,.03), rgba(122,193,67,.04));
    pointer-events: none;
}

.contact-form-header {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.contact-form-header h3 {
    margin-bottom: .45rem;
    font-weight: 800;
    color: var(--sync-accent);
}

.contact-form-header p,
.contact-assurance {
    color: var(--sync-text);
}

.contact-form-orb {
    width: 82px;
    height: 82px;
    border-radius: 50%;
    background: radial-gradient(circle at 30% 30%, rgba(122,193,67,.65), rgba(46,26,138,.18) 70%, rgba(46,26,138,0) 75%);
    filter: blur(2px);
    opacity: .9;
    flex: 0 0 auto;
}

.contact-form-actions {
    padding-top: .5rem;
}

.contact-assurance {
    max-width: 32rem;
    font-size: .95rem;
}

.sync-input,
.sync-textarea {
    min-height: 58px;
    border-radius: 1.05rem;
    transition: border-color .25s ease, box-shadow .25s ease, transform .2s ease;
}

.sync-input:focus,
.sync-textarea:focus,
.form-control:focus,
.form-select:focus {
    transform: translateY(-1px);
}

.navbar-collapse {
    transition: opacity .25s ease;
}

@media (min-width: 992px) {
    .navbar .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: .4rem;
    }
}

.sync-reveal {
    opacity: 0;
    transform: translate3d(0, 40px, 0);
    transition:
        opacity .8s cubic-bezier(.2,.65,.2,1),
        transform .8s cubic-bezier(.2,.65,.2,1),
        filter .8s cubic-bezier(.2,.65,.2,1);
    transition-delay: var(--reveal-delay, 0ms);
    filter: blur(8px);
    will-change: opacity, transform, filter;
}

.sync-reveal[data-reveal="left"] {
    transform: translate3d(-36px, 0, 0);
}

.sync-reveal[data-reveal="right"] {
    transform: translate3d(36px, 0, 0);
}

.sync-reveal.is-visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    .sync-reveal,
    .hero-tile,
    .product-card,
    .contact-mini-card,
    .feature-tile,
    .info-card,
    .stat-card,
    .accent-card,
    .btn-sync-primary,
    .btn-sync-outline {
        transition: none !important;
        animation: none !important;
        transform: none !important;
        opacity: 1 !important;
        filter: none !important;
    }
}

@media (max-width: 1199.98px) {
    .hero-page-image,
    .sync-page-image {
        height: min(460px, 54vw);
    }
}

@media (max-width: 991.98px) {
    body {
        padding-top: 78px;
    }

    .sync-navbar {
        padding: .8rem 0;
    }

    .navbar-collapse {
        margin-top: .9rem;
        padding: 1rem;
        border: 1px solid rgba(217,221,229,.95);
        border-radius: 1.35rem;
        background: rgba(255,255,255,.96);
        box-shadow: 0 24px 50px rgba(15,23,42,.08);
    }

    .navbar-nav {
        align-items: stretch !important;
    }

    .navbar .nav-link,
    .dropdown-item {
        border-radius: 1rem;
    }

    .nav-cta-wrap {
        margin-top: 1rem;
    }

    .hero-section {
        padding: 3.2rem 0 2.5rem;
    }

    .hero-copy {
        max-width: 100%;
    }

    .hero-mosaic {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .85rem;
    }

    .highlight-band {
        align-items: flex-start;
    }

    .hero-page-image,
    .sync-page-image {
        height: 360px;
        min-height: 0;
    }

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

    .contact-showcase,
    .contact-form-shell {
        padding: 1.6rem;
    }
}

@media (max-width: 767.98px) {
    .hero-title {
        font-size: clamp(2.15rem, 10vw, 2.9rem);
    }

    .section-title {
        font-size: clamp(1.8rem, 8vw, 2.3rem);
    }

    .hero-lead,
    .section-text {
        font-size: 1rem;
    }

    .hero-actions,
    .contact-form-actions {
        width: 100%;
    }

    .hero-mosaic,
    .feature-grid {
        grid-template-columns: 1fr;
    }

    .hero-tile-lg,
    .hero-tile-md,
    .hero-tile-sm {
        min-height: 220px;
    }

    .highlight-band {
        padding: 1rem;
        border-radius: 1.1rem;
    }

    .stats-shell,
    .contact-showcase,
    .contact-form-shell,
    .footer-card {
        border-radius: 1.5rem;
    }

    .product-card,
    .stat-card,
    .info-card,
    .about-story,
    .accent-card,
    .contact-mini-card,
    .feature-tile {
        padding: 1.25rem;
    }

    .contact-form-header {
        flex-direction: column;
    }

    .contact-form-orb {
        display: none;
    }

    .contact-value-item {
        grid-template-columns: 1fr;
    }

    .contact-value-icon {
        margin-bottom: .25rem;
    }

    .hero-page-image,
    .sync-page-image,
    .product-card-image,
    .services-image {
        height: 240px;
    }
}

@media (max-width: 575.98px) {
    body {
        padding-top: 74px;
    }

    .container,
    .container-sm {
        padding-inline: 1rem;
    }

    .hero-section,
    .page-hero,
    .section-space {
        padding: 3rem 0;
    }

    .hero-actions .btn,
    .btn-sync-primary,
    .btn-sync-outline,
    .footer-card .btn,
    .contact-form-actions .btn {
        width: 100%;
        min-width: 0;
    }

    .sync-input,
    .sync-textarea {
        min-height: 54px;
    }

    .contact-showcase,
    .contact-form-shell,
    .stats-shell,
    .footer-card {
        padding: 1.25rem;
    }

    .contact-assurance {
        max-width: none;
    }
}
.sync-navbar.is-scrolled {
    background: rgba(255,255,255,.98);
    box-shadow: 0 18px 42px rgba(15,23,42,.08);
}



html {
    scroll-behavior: auto;
}

*,
*::before,
*::after {
    animation: none !important;
    transition: none !important;
}

.sync-reveal,
.sync-reveal[data-reveal="left"],
.sync-reveal[data-reveal="right"],
.sync-reveal.is-visible {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
}

.hero-tile:nth-child(2),
.btn-sync-primary:hover,
.btn-sync-outline:hover,
.product-card:hover,
.hero-tile:hover,
.contact-mini-card:hover,
.feature-tile:hover,
.info-card:hover,
.stat-card:hover,
.accent-card:hover,
.sync-input:focus,
.sync-textarea:focus,
.form-control:focus,
.form-select:focus {
    transform: none !important;
}

.navbar-collapse {
    opacity: 1 !important;
}

.nav-platforms {
    position: relative;
}

.nav-dropdown-toggle {
    border: 0;
    background: transparent;
    width: 100%;
    text-align: left;
}

.nav-dropdown-toggle:focus {
    outline: none;
    box-shadow: none;
}

.dropdown-platforms-menu {
    margin-top: 0;
    z-index: 1080;
}

.hero-tile,
.hero-page-image,
.sync-page-image,
.product-card-image,
.services-image,
.object-cover,
.about-story img,
.product-card img,
.contact-showcase img,
img.img-fluid {
    border-radius: 1.25rem;
    overflow: hidden;
}

.hero-tile img,
.hero-page-image,
.sync-page-image,
.product-card-image,
.services-image,
.object-cover,
.about-story img,
.product-card img,
.contact-showcase img,
img.img-fluid {
    object-fit: cover;
    box-shadow: 0 18px 40px rgba(15,23,42,.12);
    border: 1px solid rgba(255,255,255,.7);
    filter: contrast(1.03) saturate(1.04) brightness(1.01);
}

@media (min-width: 992px) {
    .nav-platforms > .dropdown-menu {
        top: 100%;
        left: 0;
    }

    .nav-platforms:hover > .dropdown-menu,
    .nav-platforms .dropdown-menu:hover,
    .nav-platforms.show > .dropdown-menu {
        display: block;
    }
}

@media (max-width: 991.98px) {
    .nav-platforms .dropdown-menu {
        position: static;
        float: none;
        width: 100%;
        margin-top: .35rem;
        box-shadow: none;
        border-radius: 1rem;
    }

    .nav-dropdown-toggle {
        padding-left: .9rem;
        padding-right: .9rem;
    }
}