/* Tradeshow Engagement Tool solution page */
.tradeshow-page { background: #fff; }
.tradeshow-page .site-header { position: sticky; }
.te-hero { position: relative; overflow: hidden; padding: 64px 0 86px; background: radial-gradient(circle at 82% 18%, rgba(33,166,161,.18), transparent 27%), radial-gradient(circle at 8% 92%, rgba(49,105,232,.11), transparent 24%), linear-gradient(180deg,#f7fbff 0%,#fff 100%); }
.te-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.02fr .98fr; gap: clamp(46px,7vw,92px); align-items: center; }
.te-orb { position: absolute; border-radius: 50%; pointer-events: none; }
.te-orb-one { width: 420px; height: 420px; right: -190px; top: 40px; border: 82px solid rgba(33,166,161,.055); }
.te-orb-two { width: 230px; height: 230px; left: -100px; bottom: -100px; background: rgba(49,105,232,.05); }
.back-link { display: inline-flex; gap: 8px; margin-bottom: 25px; color: #536178; text-decoration: none; font-size: .84rem; font-weight: 800; }
.back-link:hover { color: var(--blue); }
.te-status { display: inline-flex; align-items: center; gap: 9px; margin-bottom: 18px; padding: 7px 12px; border: 1px solid #cbdcf6; border-radius: 999px; color: #2859b4; background: #edf4ff; font-size: .69rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.te-status span { width: 7px; height: 7px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 0 4px rgba(33,166,161,.13); }
.te-hero h1 { max-width: 760px; margin-bottom: 23px; font-size: clamp(3rem,5.25vw,5.25rem); }
.te-lead { max-width: 690px; margin: 0; color: #445269; font-size: clamp(1.18rem,2vw,1.58rem); line-height: 1.5; font-weight: 560; }
.te-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 30px; }
.te-proof { display: flex; flex-wrap: wrap; gap: 9px 22px; margin-top: 29px; color: #627087; font-size: .8rem; font-weight: 750; }
.te-proof span::before { content: ''; display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: var(--teal); }
.te-hero-visual { position: relative; min-height: 640px; display: grid; place-items: center; }
.te-hero-visual > img { position: relative; z-index: 2; width: min(390px,83%); height: 620px; object-fit: contain; filter: drop-shadow(0 34px 35px rgba(18,35,63,.22)); }
.te-phone-glow { position: absolute; width: 480px; height: 480px; border-radius: 50%; background: linear-gradient(145deg,rgba(49,105,232,.12),rgba(33,166,161,.22)); filter: blur(2px); }
.te-float-card { position: absolute; z-index: 3; min-width: 190px; padding: 15px 17px; border: 1px solid rgba(255,255,255,.95); border-radius: 16px; background: rgba(255,255,255,.9); box-shadow: 0 18px 42px rgba(28,47,78,.16); backdrop-filter: blur(10px); }
.te-float-card small,.te-float-card strong { display: block; }.te-float-card small { color: var(--blue); font-size: .64rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }.te-float-card strong { margin-top: 3px; font-size: .86rem; }
.te-float-card--top { top: 135px; right: 0; }.te-float-card--bottom { left: 0; bottom: 105px; }
.te-section { padding: 100px 0; }
.te-problem-grid,.te-split { display: grid; grid-template-columns: .88fr 1.12fr; gap: clamp(48px,8vw,110px); align-items: center; }
.te-problem-grid { align-items: start; }.te-problem-copy p { color: var(--muted); font-size: 1.05rem; }.te-problem-copy .te-big-copy { margin-top: 0; color: #26384d; font-size: clamp(1.3rem,2.1vw,1.75rem); line-height: 1.5; font-weight: 700; }
.te-value-row { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 62px; overflow: hidden; border: 1px solid #dfe6ef; border-radius: 22px; box-shadow: 0 18px 42px rgba(28,47,78,.06); }.te-value-row div { padding: 25px; background: #fff; }.te-value-row div + div { border-left: 1px solid #dfe6ef; }.te-value-row strong,.te-value-row span { display: block; }.te-value-row strong { color: var(--blue); font-size: .77rem; letter-spacing: .08em; text-transform: uppercase; }.te-value-row span { margin-top: 6px; color: #536178; font-size: .9rem; }
.te-dark { color: #fff; background: #102238; }.te-dark h2,.te-dark h3 { color: #fff; }.te-dark .eyebrow { color: #40c5c0; }
.te-heading { display: grid; grid-template-columns: 1.1fr .9fr; gap: 70px; align-items: end; margin-bottom: 58px; }.te-heading > p { margin: 0 0 7px; color: var(--muted); font-size: 1.04rem; }.te-heading--light > p { color: #c5d0de; }
.te-journey { display: flex; align-items: center; margin-bottom: 56px; }.te-journey span { display: flex; align-items: center; gap: 9px; color: #e6edf6; font-size: .83rem; font-weight: 800; white-space: nowrap; }.te-journey b { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 50%; color: #102238; background: #4bd0c9; font-size: .64rem; }.te-journey i { flex: 1; height: 1px; margin: 0 14px; background: rgba(255,255,255,.17); }
.te-mobile-gallery { display: grid; grid-template-columns: repeat(3,1fr); gap: 25px; }.te-mobile-shot { margin: 0; overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 25px; background: rgba(255,255,255,.055); }.te-mobile-shot > div { aspect-ratio: .68; overflow: hidden; background: #dbe9f2; }.te-mobile-shot img { width: 100%; height: 100%; object-fit: cover; object-position: top; }.te-mobile-shot figcaption { padding: 25px; }.te-mobile-shot figcaption > span { color: #40c5c0; font-size: .67rem; font-weight: 900; letter-spacing: .1em; }.te-mobile-shot h3 { margin: 8px 0; font-size: 1.35rem; }.te-mobile-shot p { margin: 0; color: #bdc9d8; font-size: .92rem; }
.te-management { background: #f5f8fb; }.te-copy > p:not(.eyebrow):not(.te-note) { color: var(--muted); font-size: 1.06rem; }.te-checks { margin: 28px 0 0; padding: 0; list-style: none; }.te-checks li { position: relative; padding: 11px 0 11px 32px; border-top: 1px solid #dde5ed; color: #33415a; font-weight: 700; }.te-checks li::before { content: '✓'; position: absolute; left: 2px; color: var(--teal); font-weight: 900; }
.te-screen,.te-dashboard-frame { overflow: hidden; margin: 0; border: 1px solid #dbe4ed; border-radius: 22px; background: #fff; box-shadow: 0 25px 60px rgba(28,47,78,.13); }.te-screen-bar { display: flex; align-items: center; gap: 7px; height: 40px; padding: 0 14px; border-bottom: 1px solid #e4e9ef; background: #f8fafc; }.te-screen-bar span { width: 8px; height: 8px; border-radius: 50%; background: #cbd5df; }.te-screen-bar span:first-child { background: #ef928b; }.te-screen-bar span:nth-child(2) { background: #efc16f; }.te-screen-bar span:nth-child(3) { background: #74c7a3; }.te-screen-bar small { margin-left: 5px; color: #7b8798; font-size: .66rem; font-weight: 750; }.te-screen img,.te-dashboard-frame img { width: 100%; height: auto; }.te-screen figcaption { padding: 14px 18px; color: #6b788b; font-size: .78rem; }
.te-insights { background: #fff; }.te-dashboard-frame { width: min(calc(100% - 40px),1260px); margin: 0 auto; }.te-metric-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 12px; margin-top: 32px; }.te-metric-grid div { padding: 20px; border: 1px solid #dfe6ef; border-radius: 16px; background: #f8fafc; }.te-metric-grid strong,.te-metric-grid span { display: block; }.te-metric-grid strong { color: #204f9f; font-size: .84rem; }.te-metric-grid span { margin-top: 7px; color: #657287; font-size: .78rem; line-height: 1.5; }
.te-split--reverse { grid-template-columns: 1.12fr .88fr; }.te-screen--dark { border-color: rgba(255,255,255,.13); box-shadow: 0 26px 64px rgba(0,0,0,.25); }.te-dark .te-copy > p:not(.eyebrow) { color: #c5d0de; }.te-callout { margin-top: 30px; padding: 22px; border-left: 3px solid #40c5c0; background: rgba(255,255,255,.06); }.te-callout strong,.te-callout span { display: block; }.te-callout span { margin-top: 7px; color: #c5d0de; font-size: .91rem; }
.te-reporting { background: #f5f8fb; }.te-export-list { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }.te-export-list span { padding: 9px 12px; border: 1px solid #cfdcf0; border-radius: 999px; color: #315fae; background: #fff; font-size: .76rem; font-weight: 800; }.te-note { margin-top: 25px; color: #33415a; font-weight: 750; }
.te-events { background: #fff; }.te-events-heading { max-width: 880px; text-align: center; }.te-events-heading h2 { margin-left: auto; margin-right: auto; }.te-event-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-top: 52px; }.te-event-grid span { display: grid; place-items: center; min-height: 110px; padding: 18px; border: 1px solid #dfe6ef; border-radius: 18px; color: #26384d; background: linear-gradient(145deg,#fff,#f4f8fc); text-align: center; font-weight: 800; box-shadow: 0 10px 25px rgba(28,47,78,.045); }
.te-final { position: relative; overflow: hidden; padding: 100px 0; color: #fff; background: linear-gradient(135deg,#12233f,#163a60); }.te-final-orb { position: absolute; width: 460px; height: 460px; right: -130px; top: -180px; border-radius: 50%; background: rgba(33,166,161,.16); }.te-final-card { position: relative; z-index: 1; max-width: 920px; text-align: center; }.te-final h2 { color: #fff; font-size: clamp(2.8rem,5vw,5rem); }.te-final p:not(.eyebrow) { max-width: 700px; margin: 0 auto; color: #c8d3e1; font-size: 1.1rem; }.te-final .te-actions { justify-content: center; }.te-final .button-secondary { border-color: rgba(255,255,255,.26); color: #fff; background: rgba(255,255,255,.08); }
@media (max-width:1020px){.te-hero-grid,.te-problem-grid,.te-split,.te-split--reverse,.te-heading{grid-template-columns:1fr}.te-hero-copy{max-width:760px}.te-hero-visual{min-height:590px}.te-float-card--top{right:8%}.te-float-card--bottom{left:8%}.te-value-row{grid-template-columns:repeat(2,1fr)}.te-value-row div:nth-child(3){border-left:0;border-top:1px solid #dfe6ef}.te-value-row div:nth-child(4){border-top:1px solid #dfe6ef}.te-heading{gap:6px}.te-metric-grid{grid-template-columns:repeat(3,1fr)}.te-event-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.te-hero{padding:42px 0 62px}.te-hero h1{font-size:clamp(2.55rem,12vw,4rem)}.te-hero-visual{min-height:520px}.te-hero-visual>img{height:520px}.te-phone-glow{width:360px;height:360px}.te-float-card{display:none}.te-section{padding:74px 0}.te-value-row,.te-mobile-gallery,.te-metric-grid,.te-event-grid{grid-template-columns:1fr}.te-value-row div+div{border-left:0;border-top:1px solid #dfe6ef}.te-journey{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.te-journey span{flex-direction:column;gap:6px;font-size:.68rem}.te-journey i{display:none}.te-mobile-shot>div{aspect-ratio:.78}.te-dashboard-frame{width:min(calc(100% - 28px),1260px)}.te-event-grid span{min-height:82px}.te-actions .button{width:100%}}