:root {
    --sys-ink: #0b1f44;
    --sys-deep: #071b3d;
    --sys-green: #2f80ed;
    --sys-lime: #4da3ff;
    --sys-mint: #eaf4ff;
    --sys-soft: #f3f7fc;
    --sys-line: #d9e5f4;
}

html { scroll-behavior: smooth; }
body.alternate-model {
    background: #fff;
    color: #17345f;
}

/* Navegacao clara e flutuante, inspirada na leitura simples do Bling. */
.alternate-model .navbar-glass {
    top: 14px;
    width: calc(100% - 40px);
    max-width: 1180px;
    margin: 0 auto;
    padding: 8px 10px;
    border: 1px solid rgba(11, 31, 68, .08);
    border-radius: 999px;
    background: rgba(255, 255, 255, .96);
    box-shadow: 0 18px 50px rgba(8, 37, 82, .14);
    backdrop-filter: blur(16px);
}
.alternate-model .navbar-glass .container { max-width: none; }
.alternate-model .navbar-brand {
    color: var(--sys-ink) !important;
    font-size: 1.45rem;
}
.alternate-model .navbar-brand span { color: #2f80ed; }
.alternate-model .navbar-brand::after {
    background: var(--sys-mint);
    color: #1f65bd;
}
.alternate-model .site-nav .nav-link {
    color: #28466f !important;
    padding: 10px 14px !important;
}
.alternate-model .site-nav .nav-link:hover,
.alternate-model .site-nav .nav-link:focus {
    color: #1d6fd1 !important;
    background: #eef6ff;
}
.alternate-model .site-nav .dropdown-menu {
    border-color: var(--sys-line);
    background: #fff;
    box-shadow: 0 22px 50px rgba(8, 37, 82, .16);
}
.alternate-model .site-nav .dropdown-item { color: #24446e; }
.alternate-model .site-nav .dropdown-item:hover { color: #1d6fd1; background: #eef6ff; }
.alternate-model .navbar .btn-outline-light {
    border: 0;
    border-radius: 999px;
    background: var(--sys-lime);
    color: #fff;
    padding-left: 20px !important;
    padding-right: 20px !important;
    box-shadow: 0 8px 22px rgba(47, 128, 237, .28);
}
.alternate-model .navbar .btn-outline-light:hover {
    background: #2775dc;
    color: #fff;
    transform: translateY(-1px);
}

/* Hero de alto contraste com uma unica familia cromatica. */
.alternate-model .hero {
    min-height: 760px;
    padding-top: 150px;
    padding-bottom: 125px;
    color: #fff;
    background:
        radial-gradient(circle at 76% 35%, rgba(64, 169, 255, .24), transparent 31%),
        radial-gradient(circle at 10% 90%, rgba(59, 130, 246, .15), transparent 30%),
        linear-gradient(118deg, #061a3a 0%, #0b3973 58%, #082754 100%);
}
.alternate-model .hero::before {
    opacity: .22;
    background-image:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(to bottom, black, transparent 88%);
}
.alternate-model .hero::after {
    width: 440px;
    height: 440px;
    border-color: rgba(77, 163, 255, .18);
    box-shadow: 0 0 0 80px rgba(77,163,255,.035), 0 0 0 160px rgba(77,163,255,.022);
}
.alternate-model .hero-copy { position: relative; z-index: 2; }
.alternate-model .hero-eyebrow {
    border: 1px solid rgba(100, 181, 255, .38);
    background: rgba(4, 22, 53, .48);
    color: #cce8ff;
}
.alternate-model .hero h1 {
    color: #fff;
    font-size: clamp(3rem, 5vw, 5.2rem);
    line-height: .98;
    letter-spacing: -.065em;
}
.alternate-model .text-gradient {
    color: var(--sys-lime);
    background: none;
    -webkit-text-fill-color: currentColor;
}
.alternate-model .hero p {
    max-width: 610px;
    color: #d8e9ff;
    font-size: 1.09rem;
}
.alternate-model .btn-premium {
    border-radius: 999px;
    background: var(--sys-lime);
    color: #fff;
    box-shadow: 0 15px 34px rgba(47, 128, 237, .30);
}
.alternate-model .btn-premium:hover { background: #2775dc; color: #fff; }
.alternate-model .hero-secondary {
    border-color: rgba(255,255,255,.4);
    border-radius: 999px;
    background: rgba(255,255,255,.08);
    color: #fff;
}
.alternate-model .hero-secondary:hover { background: #fff; color: var(--sys-ink); }
.alternate-model .hero-proof-item {
    border-color: rgba(255,255,255,.13);
    background: rgba(4, 22, 53, .34);
    color: #e1eeff;
}
.alternate-model .hero-proof-item i,
.alternate-model .hero-proof-item:nth-child(2) i,
.alternate-model .hero-proof-item:nth-child(3) i { color: var(--sys-lime); }
.alternate-model .hero-window {
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 26px;
    background: #fff;
    box-shadow: 24px 32px 0 rgba(77, 163, 255, .10), 0 38px 90px rgba(2, 13, 35, .48);
}
.alternate-model .hero-window-bar { background: #f3f8f6; border-bottom-color: #e0ebe7; color: #53736c; }
.alternate-model .hero-float-card {
    border-color: rgba(77,163,255,.30);
    border-radius: 18px;
    background: rgba(7, 32, 72, .96);
}

/* Ritmo mais leve nas secoes e nos cartoes. */
.alternate-model .feature-card,
.alternate-model .function-card,
.alternate-model .manual-card,
.alternate-model .pricing-card {
    border: 1px solid var(--sys-line);
    border-radius: 22px;
    box-shadow: 0 18px 48px rgba(16, 57, 111, .09);
}
.alternate-model .feature-card::before { background: var(--sys-green) !important; }
.alternate-model .icon-box,
.alternate-model .function-icon {
    background: var(--sys-mint);
    color: #246fc8;
}
.alternate-model .functions-section {
    background: linear-gradient(180deg, #fff 0%, var(--sys-soft) 100%);
}
.alternate-model .audience-banner {
    border-radius: 24px;
    background: linear-gradient(115deg, #082754, #1268bc);
    box-shadow: 0 24px 60px rgba(8, 54, 112, .20);
}
.alternate-model .audience-banner > i { color: var(--sys-lime); }
.alternate-model .audience-banner .btn { background: var(--sys-lime); color: var(--sys-ink); }
.alternate-model .function-card:hover { border-color: #82b9f5; box-shadow: 0 25px 55px rgba(16,57,111,.14); }
.alternate-model .manual-section { background: #f2f7fd; }
.alternate-model .pricing-section { background: #fff; }
.alternate-model .pricing-card.featured { border-color: var(--sys-green); }
.alternate-model .services-section { background: var(--sys-deep); }
.alternate-model .service-card { border-color: rgba(255,255,255,.13); background: rgba(255,255,255,.07); }
.alternate-model .service-card:hover { border-color: var(--sys-lime); }
.alternate-model .cta-section { background: linear-gradient(115deg, #061a3a, #0d559f); }
.alternate-model .cta-section::before { background: radial-gradient(circle, rgba(77,163,255,.20), transparent 68%); }

@media (max-width: 991.98px) {
    .alternate-model .navbar-glass {
        top: 8px;
        width: calc(100% - 20px);
        border-radius: 24px;
    }
    .alternate-model .navbar-toggler i { color: var(--sys-ink) !important; }
    .alternate-model .navbar-collapse { padding: 12px 5px 5px; }
    .alternate-model .navbar .btn-outline-light { width: 100%; margin-bottom: 4px; }
    .alternate-model .hero { min-height: auto; padding-top: 135px; }
    .alternate-model .hero h1 { font-size: clamp(2.7rem, 10vw, 4.2rem); }
}

@media (max-width: 575.98px) {
    .alternate-model .navbar-brand::after { display: none; }
    .alternate-model .hero { padding-bottom: 100px; }
    .alternate-model .hero-actions > * { width: 100%; justify-content: center; }
    .alternate-model .hero-proof { grid-template-columns: 1fr 1fr; }
}