/* TI Solutions — tokens de motion, intro de marca e ajustes de marketing */ body { scroll-behavior: smooth; } :root { --tis-navy: #0c3c6e; --tis-cyan: #3aa3d8; --intro-ease: cubic-bezier(0.22, 1, 0.36, 1); } @media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } body { scroll-behavior: auto; } } /* ---------- Brand intro (só ativa com html.brand-intro, setado no ) ---------- */ html.brand-intro #main-nav.brand-intro-pending { opacity: 0; pointer-events: none; } html.brand-intro #tis-mark { position: relative; opacity: 1; } html.brand-intro #tis-wordmark { position: absolute; opacity: 0; pointer-events: none; } html.brand-intro #hero-copy, html.brand-intro #proof-strip { opacity: 0; transform: translateY(28px); } html.brand-intro #spannel-wordmark { opacity: 0; transform: scale(0.78); } html.brand-intro #spannel-glow { opacity: 0; } html.brand-intro #tis-bar-top, html.brand-intro #tis-bar-bot { opacity: 0; } html:not(.brand-intro) #tis-mark { position: absolute; opacity: 0; pointer-events: none; } html.brand-intro-done #tis-mark { position: absolute; opacity: 0; pointer-events: none; } html.brand-intro-done #tis-wordmark, html.brand-intro-done #spannel-wordmark, html.brand-intro-done #hero-copy, html.brand-intro-done #proof-strip { opacity: 1; transform: none; } html.brand-intro-done #main-nav.brand-intro-pending { opacity: 1; pointer-events: auto; } .tis-mark-svg { width: 5.5rem; height: 5.5rem; overflow: visible; filter: drop-shadow(0 0 18px rgba(58, 163, 216, 0.45)); } @media (min-width: 768px) { .tis-mark-svg { width: 6.75rem; height: 6.75rem; } } .tis-wordmark-img { filter: drop-shadow(0 10px 28px rgba(0, 0, 0, 0.28)); } /* ---------- Spannel (landing / futuro site) ---------- */ :root { --spannel-red: #ed3237; --spannel-orange: #f37335; --spannel-ink: #14080a; } .spannel-mesh { background-color: var(--spannel-ink); background-image: radial-gradient(at 0% 0%, rgba(237, 50, 55, 0.5) 0, transparent 52%), radial-gradient(at 100% 10%, rgba(243, 115, 53, 0.38) 0, transparent 48%), radial-gradient(at 70% 100%, rgba(237, 50, 55, 0.22) 0, transparent 50%); } .spannel-text { background: linear-gradient(90deg, #ffffff 0%, #ffb199 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; } .spannel-btn { background: linear-gradient(135deg, #ed3237, #f37335); } .spannel-btn:hover { filter: brightness(1.06); } .spannel-lockup { position: relative; display: flex; align-items: center; justify-content: center; min-height: 5.5rem; margin-bottom: 2rem; } .spannel-wordmark-img { position: relative; z-index: 1; filter: drop-shadow(0 12px 32px rgba(237, 50, 55, 0.35)); } .tis-proof-item + .tis-proof-item { border-left: 1px solid rgb(226 232 240); } @media (max-width: 767px) { .tis-proof-item:nth-child(odd) { border-left: 0; } .tis-proof-item:nth-child(n + 3) { border-top: 1px solid rgb(226 232 240); } }