/* Apresentação comercial do Janus Omnichannel. */
.proposal-page {
            --navy-950: #020916;
            --navy-900: #041226;
            --navy-850: #071a31;
            --navy-800: #0a213c;
            --line: rgba(140, 199, 255, .18);
            --cyan: #29d4ff;
            --blue: #148cff;
            --green: #43e0a0;
            --white: #f7fbff;
            --muted: #a9bed6;
            --max: 1200px;
        }

        .proposal-page, .proposal-page * { box-sizing: border-box; }
        
        .proposal-page {
            margin: 0;
            color: var(--white);
            background:
                radial-gradient(circle at 85% 2%, rgba(18, 116, 207, .32), transparent 28rem),
                radial-gradient(circle at 10% 32%, rgba(0, 213, 255, .09), transparent 24rem),
                var(--navy-950);
            font: 16px/1.6 Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        }

        

        .proposal-page a { color: inherit; text-decoration: none; }
        .proposal-page img { display: block; max-width: 100%; }
        .proposal-page button, .proposal-page a { -webkit-tap-highlight-color: transparent; }
        .proposal-page :focus-visible { outline: 3px solid var(--cyan); outline-offset: 4px; }
        .proposal-wrap { width: min(var(--max), 92%); margin-inline: auto; }
        .proposal-section { position: relative; padding: 96px 0; border-top: 1px solid rgba(255,255,255,.06); }
        .proposal-section-soft { background: linear-gradient(180deg, rgba(11,36,65,.45), rgba(3,13,28,.2)); }
        .proposal-eyebrow { color: #73e3ff; font-size: .76rem; font-weight: 850; letter-spacing: .16em; text-transform: uppercase; }
        .proposal-section-title { max-width: 880px; margin: 10px 0 18px; font-size: clamp(2rem, 4.6vw, 3.75rem); line-height: 1.08; letter-spacing: -.035em; }
        .proposal-lead { max-width: 820px; margin: 0; color: var(--muted); font-size: clamp(1.05rem, 1.5vw, 1.25rem); }
        .proposal-accent { color: var(--cyan); }

        .proposal-skip { position: absolute; left: -9999px; top: 8px; z-index: 99; padding: 10px 14px; background: white; color: #00142b; }
        .proposal-skip:focus { left: 8px; }

        .proposal-nav {
            position: sticky;
            top: 0;
            z-index: 20;
            border-bottom: 1px solid rgba(255,255,255,.08);
            background: rgba(2, 9, 22, .88);
            backdrop-filter: blur(16px);
        }
        .proposal-nav-inner { min-height: 76px; display: flex; align-items: center; gap: 26px; }
        .proposal-brand { display: flex; align-items: center; gap: 12px; margin-right: auto; font-weight: 900; letter-spacing: -.02em; }
        .proposal-brand-mark { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; background: linear-gradient(145deg, var(--blue), var(--cyan)); box-shadow: 0 8px 30px rgba(18,150,255,.38); }
        .proposal-brand small { display: block; margin-top: -3px; color: #7fdfff; font-size: .62rem; letter-spacing: .13em; text-transform: uppercase; }
        .proposal-nav-links { display: flex; gap: 25px; color: #c8d8e9; }
        .proposal-nav-links a:hover { color: white; }
        .proposal-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; gap: 8px; padding: 12px 21px; border: 1px solid transparent; border-radius: 12px; background: linear-gradient(135deg, #127cf4, #22cfff); color: white; font-weight: 800; box-shadow: 0 12px 35px rgba(17,136,255,.22); transition: transform .2s ease, box-shadow .2s ease; }
        .proposal-button:hover { transform: translateY(-2px); box-shadow: 0 16px 40px rgba(17,136,255,.33); }
        .proposal-button-secondary { border-color: rgba(151,203,255,.28); background: rgba(7,27,50,.65); box-shadow: none; }

        .proposal-hero { padding: 96px 0 64px; text-align: center; }
        .proposal-hero h1 { max-width: 1060px; margin: 16px auto 22px; font-size: clamp(2.9rem, 7.2vw, 6.15rem); line-height: .98; letter-spacing: -.06em; }
        .proposal-hero .proposal-lead { margin-inline: auto; }
        .proposal-hero-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 32px; }
        .proposal-trust-line { display: flex; flex-wrap: wrap; justify-content: center; gap: 14px 28px; margin: 30px 0 0; color: #c4d7e9; }
        .proposal-trust-line span::before { content: "✓"; margin-right: 8px; color: var(--green); font-weight: 900; }
        .proposal-hero-visual { position: relative; margin-top: 54px; }
        .proposal-hero-visual::before { content: ""; position: absolute; inset: 8% 12%; z-index: -1; border-radius: 50%; background: rgba(20,140,255,.28); filter: blur(70px); }
        .proposal-hero-visual img { width: 100%; border: 1px solid rgba(96,183,255,.32); border-radius: 26px; box-shadow: 0 35px 120px rgba(0,93,190,.28); }
        .proposal-caption { margin-top: 10px; color: #809ab5; font-size: .78rem; }

        .proposal-pain-grid, .proposal-benefit-grid, .proposal-industry-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 40px; }
        .proposal-card { border: 1px solid var(--line); border-radius: 20px; background: linear-gradient(145deg, rgba(12,36,63,.95), rgba(5,19,36,.92)); padding: 28px; box-shadow: inset 0 1px rgba(255,255,255,.035); }
        .proposal-card-icon { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 18px; border: 1px solid rgba(64,197,255,.28); border-radius: 14px; background: rgba(26,143,232,.13); color: var(--cyan); font-size: 1.35rem; font-weight: 900; }
        .proposal-card h3 { margin: 0 0 8px; font-size: 1.2rem; line-height: 1.25; }
        .proposal-card p { margin: 0; color: var(--muted); }

        .proposal-split { display: grid; grid-template-columns: .9fr 1.1fr; gap: 60px; align-items: center; }
        .proposal-check-list { display: grid; gap: 13px; margin: 30px 0 0; padding: 0; list-style: none; }
        .proposal-check-list li { display: flex; gap: 12px; color: #c9daeb; }
        .proposal-check-list li::before { content: "✓"; flex: 0 0 26px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 8px; background: rgba(67,224,160,.12); color: var(--green); font-weight: 900; }
        .proposal-size-band { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; margin-top: 44px; border: 1px solid var(--line); border-radius: 20px; background: var(--line); }
        .proposal-size-item { padding: 28px; background: var(--navy-900); }
        .proposal-size-item strong { display: block; margin-bottom: 5px; font-size: 1.15rem; }
        .proposal-size-item span { color: var(--muted); }

        .proposal-flow-image { margin-top: 44px; overflow: hidden; border: 1px solid rgba(81,187,255,.28); border-radius: 24px; background: #06172b; box-shadow: 0 26px 90px rgba(0,102,220,.2); }
        .proposal-flow-image img { width: 100%; }
        .proposal-flow-note { padding: 14px 18px; color: #91a9c2; font-size: .82rem; background: rgba(2,11,24,.9); }

        .proposal-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin-top: 42px; }
        .proposal-step { position: relative; min-height: 210px; padding: 28px 24px; border: 1px solid var(--line); border-radius: 18px; background: rgba(6,23,43,.8); }
        .proposal-step-num { color: var(--cyan); font-size: .78rem; font-weight: 900; letter-spacing: .1em; }
        .proposal-step h3 { margin: 28px 0 8px; font-size: 1.18rem; }
        .proposal-step p { margin: 0; color: var(--muted); }

        .proposal-module-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 42px; }
        .proposal-module { display: flex; gap: 18px; }
        .proposal-module .proposal-card-icon { flex: 0 0 48px; margin: 0; }
        .proposal-module h3 { margin-top: 2px; }

        .proposal-industry-grid { grid-template-columns: repeat(4, 1fr); }
        .proposal-industry { min-height: 168px; }
        .proposal-industry strong { display: block; margin-bottom: 7px; font-size: 1.05rem; }
        .proposal-industry span { color: var(--muted); font-size: .93rem; }

        .proposal-anywhere { overflow: hidden; border: 1px solid rgba(74,189,255,.3); border-radius: 28px; background: linear-gradient(135deg, #0c2b4b, #061424 68%); padding: clamp(32px, 5vw, 64px); }
        .proposal-anywhere-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 50px; align-items: center; }
        .proposal-integration-box { padding: 28px; border: 1px solid rgba(78,203,255,.28); border-radius: 20px; background: rgba(3,16,32,.63); }
        .proposal-integration-box strong { display: block; margin-bottom: 8px; color: #75e3ff; font-size: 1.2rem; }
        .proposal-integration-box p { margin: 0; color: var(--muted); }

        .proposal-cta { text-align: center; }
        .proposal-cta .proposal-lead { margin-inline: auto; }
        .proposal-cta .proposal-button { margin-top: 28px; }
        .proposal-page footer { padding: 42px 0; border-top: 1px solid rgba(255,255,255,.08); color: #91a9c2; }
        .proposal-footer-grid { display: grid; grid-template-columns: 1.25fr 1fr 1fr; gap: 30px; }
        .proposal-footer-grid strong { color: white; }
        .proposal-legal { font-size: .8rem; color: #718ba5; }

        @media (max-width: 980px) {
            .proposal-nav-links { display: none; }
            .proposal-pain-grid, .proposal-benefit-grid { grid-template-columns: repeat(2, 1fr); }
            .proposal-industry-grid { grid-template-columns: repeat(2, 1fr); }
            .proposal-split, .proposal-anywhere-grid { grid-template-columns: 1fr; }
            .proposal-steps { grid-template-columns: repeat(2, 1fr); }
        }

        @media (max-width: 680px) {
            .proposal-section { padding: 72px 0; }
            .proposal-nav-inner { min-height: 68px; }
            .proposal-nav .proposal-button { padding-inline: 14px; font-size: .86rem; }
            .proposal-brand-text { display: none; }
            .proposal-hero { padding-top: 68px; }
            .proposal-hero h1 { font-size: clamp(2.7rem, 13vw, 4.2rem); }
            .proposal-pain-grid, .proposal-benefit-grid, .proposal-industry-grid, .proposal-module-grid, .proposal-steps, .proposal-size-band, .proposal-footer-grid { grid-template-columns: 1fr; }
            .proposal-size-band { gap: 1px; }
            .proposal-hero-visual img, .proposal-flow-image { border-radius: 16px; }
            .proposal-flow-image { margin-inline: -2%; }
        }
.proposal-page { position: relative; isolation: isolate; }
.proposal-page .proposal-hero { position: relative; }
.proposal-page .proposal-hero > .proposal-wrap { position: relative; z-index: 1; }
.proposal-page .proposal-hero::before { content: ""; position: absolute; inset: 0; opacity: .16; background-image: linear-gradient(rgba(145, 196, 241, .15) 1px, transparent 1px), linear-gradient(90deg, rgba(145, 196, 241, .15) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg, transparent, #000); pointer-events: none; }
.proposal-page .proposal-hero .proposal-hero-visual { margin-left: auto; margin-right: auto; }

/* Canais, módulos e exemplos operacionais. */
.proposal-channel-list{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px}
.proposal-channel-list span,.proposal-connection-label{border:1px solid var(--line);border-radius:999px;padding:6px 14px;background:rgba(20,140,255,.09);color:#c6edff;font-size:.85rem;font-weight:700}
.proposal-channel-example>div{padding:18px 0;border-bottom:1px solid var(--line)}
.proposal-channel-example strong,.proposal-channel-example span{display:block}
.proposal-channel-example>div span,.proposal-channel-example small{color:var(--muted);font-size:.9rem}
.proposal-channel-example small{display:block;margin-top:16px}
.proposal-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px}
.proposal-kanban-column{padding:18px;border:1px solid var(--line);border-radius:18px;background:#07192c}
.proposal-kanban-column h3{display:flex;justify-content:space-between;font-size:1rem;margin:0 0 18px}
.proposal-kanban-column h3 span{color:var(--muted)}
.proposal-kanban-column article{padding:20px;border:1px solid #29465f;border-radius:12px;background:#0e2942}
.proposal-kanban-column small{display:inline-block;border-radius:5px;background:#0c6959;color:#d7fff3;padding:2px 8px;margin-bottom:12px}
.proposal-kanban-column strong{display:block;line-height:1.4}
.proposal-kanban-column p{color:var(--muted);font-size:.9rem}
.proposal-kanban-column footer{font-size:.8rem;padding:12px 0 0!important;color:#b4d6ed!important}
.proposal-connection-label{display:inline-block;margin-bottom:20px}
.proposal-text-link{display:block;margin-top:22px;color:#7ce3ff!important;text-decoration:underline!important;text-underline-offset:4px}
.proposal-provider-note{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}
.proposal-provider-note strong{color:var(--green)}
@media(max-width:680px){.proposal-kanban{grid-template-columns:1fr}.proposal-module{gap:12px}.proposal-card{padding:22px}.proposal-module .proposal-card-icon{flex-basis:40px;width:40px;height:40px}.proposal-channel-list span{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.proposal-button{transition:none}.proposal-button:hover{transform:none}}

@media(min-width:681px){.proposal-module-grid>.proposal-module:last-child:nth-child(odd){grid-column:1/-1}}