:root {
  --navy-950: #03071d;
  --navy-900: #061038;
  --navy-800: #0a1752;
  --blue: #2f64ff;
  --blue-bright: #3d7cff;
  --violet: #7756ff;
  --purple: #a34dff;
  --cyan: #18d6ff;
  --orange: #ff6b35;
  --red: #ff3e5c;
  --green: #20d49b;
  --ink: #0c1439;
  --muted: #62709a;
  --line: #dfe5f5;
  --paper: #f7f9ff;
  --white: #ffffff;
  --radius-sm: 12px;
  --radius: 22px;
  --radius-lg: 34px;
  --shadow: 0 24px 80px rgba(21, 37, 101, .14);
  --container: 1200px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--white); font-family: Aptos, "Aptos Display", Calibri, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.container { width: min(var(--container), calc(100% - 40px)); margin: 0 auto; }
.section { padding: 112px 0; position: relative; overflow: hidden; }
.section-dark { background: var(--navy-950); color: var(--white); }
.section-light { background: var(--paper); }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 9999; padding: 10px 16px; background: white; border-radius: 8px; color: var(--ink); transition: top .2s; }
.skip-link:focus { top: 12px; }

.site-header { position: fixed; inset: 0 0 auto; height: 76px; z-index: 1000; background: rgba(3, 7, 29, .8); border-bottom: 1px solid rgba(255,255,255,.08); backdrop-filter: blur(18px); }
.nav-wrap { width: min(1280px, calc(100% - 40px)); height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 11px; color: white; font-size: 1.35rem; font-weight: 780; letter-spacing: -.04em; }
.brand img { width: 42px; height: 42px; object-fit: cover; border-radius: 11px; box-shadow: 0 0 26px rgba(71, 89, 255, .4); }
.brand > span > span { color: #7d8dff; }
.main-nav { display: flex; align-items: center; gap: 30px; color: #d7defd; font-size: .88rem; font-weight: 600; }
.main-nav a { transition: color .2s, transform .2s; }
.main-nav a:hover, .main-nav a:focus-visible { color: white; }
.main-nav .nav-cta { padding: 11px 18px; color: white; background: linear-gradient(135deg, var(--blue), var(--violet)); border-radius: 999px; box-shadow: 0 8px 30px rgba(72, 75, 255, .25); }
.menu-toggle { display: none; background: none; border: 0; padding: 8px; }
.menu-toggle span { display: block; width: 24px; height: 2px; margin: 5px; background: white; border-radius: 2px; }

.hero { min-height: 860px; padding: 164px 0 105px; isolation: isolate; display: grid; align-items: center; }
.hero::after { content: ""; position: absolute; inset: auto 0 0; height: 180px; background: linear-gradient(to top, rgba(10, 23, 82, .55), transparent); z-index: -1; }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(80px); opacity: .4; z-index: -2; }
.glow-one { width: 520px; height: 520px; background: var(--blue); left: -280px; top: 60px; }
.glow-two { width: 500px; height: 500px; background: var(--purple); right: -260px; top: 160px; }
.runway-lines { position: absolute; z-index: -2; inset: 0; opacity: .14; background-image: linear-gradient(118deg, transparent 45%, rgba(255,255,255,.35) 45.2%, transparent 45.4%), linear-gradient(118deg, transparent 55%, rgba(99,137,255,.4) 55.2%, transparent 55.4%); }
.hero-grid { display: grid; grid-template-columns: .88fr 1.35fr; gap: 62px; align-items: center; }
.eyebrow, .kicker { display: inline-flex; align-items: center; gap: 9px; color: #9eb8ff; letter-spacing: .14em; font-size: .74rem; font-weight: 750; text-transform: uppercase; }
.live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 0 6px rgba(24,214,255,.12), 0 0 16px var(--cyan); animation: breathe 2s infinite; }
.hero h1 { margin: 24px 0 22px; max-width: 650px; font-size: clamp(3.25rem, 5.2vw, 5.55rem); line-height: .98; letter-spacing: -.065em; font-weight: 760; }
.hero-lead { max-width: 610px; margin: 0; color: #bdc8ee; font-size: 1.12rem; line-height: 1.75; }
.hero-actions { display: flex; gap: 14px; margin: 34px 0 42px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 23px; border-radius: 999px; border: 0; cursor: pointer; font-weight: 700; transition: transform .2s, box-shadow .2s, background .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: white; background: linear-gradient(135deg, var(--blue), var(--violet)); box-shadow: 0 14px 35px rgba(70,76,255,.32); }
.button-primary:hover { box-shadow: 0 18px 42px rgba(70,76,255,.45); }
.button-ghost { color: white; border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.05); }
.button-ghost:hover { background: rgba(255,255,255,.1); }
.hero-proof { display: flex; gap: 0; }
.hero-proof div { padding: 0 25px; border-left: 1px solid rgba(255,255,255,.14); }
.hero-proof div:first-child { padding-left: 0; border-left: 0; }
.hero-proof strong { display: block; color: white; font-size: 1.02rem; }
.hero-proof span { display: block; color: #7f8ebc; font-size: .75rem; }

.hero-console { position: relative; width: 100%; min-width: 700px; padding: 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 24px; background: linear-gradient(145deg, rgba(255,255,255,.12), rgba(255,255,255,.025)); box-shadow: 0 35px 100px rgba(0,0,0,.45), 0 0 80px rgba(52,83,255,.18); transform: perspective(1400px) rotateY(-5deg) rotateX(2deg); }
.hero-console::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; background: linear-gradient(135deg, rgba(24,214,255,.65), transparent 34%, rgba(119,86,255,.55)); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.console-bar { min-height: 54px; padding: 0 17px; display: flex; justify-content: space-between; align-items: center; background: #0d1743; border-radius: 16px 16px 4px 4px; color: #dde5ff; font-size: .78rem; }
.console-brand { display: flex; align-items: center; gap: 10px; font-weight: 700; }
.mini-mark { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: linear-gradient(135deg, var(--blue), var(--violet)); color: white; font-size: .64rem; }
.console-live { display: flex; align-items: center; gap: 7px; padding: 6px 9px; border-radius: 999px; background: rgba(32,212,155,.1); color: #7fffd6; font-weight: 800; letter-spacing: .08em; }
.console-live i, .live-badge i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); }
.kpi-strip { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; background: rgba(255,255,255,.08); border-bottom: 1px solid rgba(255,255,255,.08); }
.kpi-strip div { padding: 16px 18px; background: #0a133b; }
.kpi-strip span, .kpi-strip small { display: block; color: #7d89b3; font-size: .66rem; }
.kpi-strip strong { display: block; margin: 2px 0; font-size: 1.45rem; line-height: 1.2; }
.kpi-strip small.up { color: var(--green); }
.kpi-strip small.warn { color: #ffb66e; }
.console-body { display: grid; grid-template-columns: 1.6fr .8fr; gap: 9px; min-height: 300px; padding: 9px; background: #071033; }
.timeline-panel, .recommendation-card { border: 1px solid rgba(255,255,255,.07); border-radius: 13px; background: rgba(16,29,76,.75); }
.timeline-panel { position: relative; padding: 16px; overflow: hidden; }
.panel-label, .chart-head, .board-head { display: flex; justify-content: space-between; color: #eef2ff; font-size: .72rem; font-weight: 650; }
.panel-label small, .board-head small { color: #7784af; }
.timeline-hours { display: grid; grid-template-columns: repeat(4, 1fr); margin: 19px 0 8px 47px; color: #68769f; font-size: .58rem; }
.flight-row { height: 56px; display: grid; grid-template-columns: 44px 1fr; align-items: center; border-top: 1px solid rgba(255,255,255,.055); }
.flight-row b { color: #7886b1; font-size: .65rem; }
.flight-row > span { position: relative; left: var(--left); width: var(--width); min-width: 88px; padding: 7px 11px; border: 1px solid; border-radius: 7px; font-size: .65rem; font-weight: 700; }
.turn-block.blue { color: #a9c5ff; background: rgba(47,100,255,.18); border-color: rgba(47,100,255,.48); }
.turn-block.purple { color: #d3bcff; background: rgba(163,77,255,.18); border-color: rgba(163,77,255,.5); }
.turn-block.cyan { color: #9df1ff; background: rgba(24,214,255,.12); border-color: rgba(24,214,255,.42); }
.conflict-pulse { position: absolute; right: -5px; top: -5px; width: 11px; height: 11px; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 0 rgba(255,62,92,.6); animation: conflict 1.5s infinite; }
.now-line { position: absolute; top: 51px; bottom: 12px; left: 49%; border-left: 1px dashed var(--cyan); }
.now-line span { position: absolute; top: -2px; transform: translate(-50%, -100%); padding: 2px 5px; background: var(--cyan); border-radius: 4px; color: #071033; font-size: .48rem; font-weight: 900; }
.recommendation-card { padding: 16px; align-self: stretch; }
.ai-label { display: flex; align-items: center; gap: 7px; color: #b7c2ea; font-size: .65rem; }
.ai-label span { display: grid; place-items: center; width: 25px; height: 25px; border-radius: 8px; background: linear-gradient(135deg, var(--blue), var(--purple)); color: white; font-size: .58rem; font-weight: 900; }
.recommendation-card h3 { margin: 19px 0 8px; font-size: 1rem; }
.recommendation-card p { margin: 0 0 18px; color: #8f9ac3; font-size: .68rem; line-height: 1.6; }
.score-row { display: flex; justify-content: space-between; color: #929ec9; font-size: .65rem; }
.score-row strong { color: var(--green); }
.score-track { height: 5px; margin: 6px 0 20px; border-radius: 99px; background: #1c2853; overflow: hidden; }
.score-track i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--blue), var(--green)); }
.mini-button { width: 100%; padding: 8px; border: 0; border-radius: 7px; background: linear-gradient(135deg, var(--blue), var(--violet)); color: white; font-size: .68rem; font-weight: 700; cursor: pointer; }
.console-footer { display: flex; justify-content: space-between; padding: 10px 16px; border-radius: 4px 4px 16px 16px; background: #0a133b; color: #68769f; font-size: .57rem; }
.console-footer span { display: flex; align-items: center; gap: 6px; }
.ok-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--green); }

.problem-hero { min-height: 790px; padding-bottom: 86px; }
.problem-hero .hero-grid { grid-template-columns: .9fr 1.22fr; gap: 58px; }
.problem-hero h1 { max-width: 680px; font-size: clamp(3rem, 4.7vw, 5.05rem); }
.alert-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 6px rgba(255,62,92,.11), 0 0 18px rgba(255,62,92,.75); animation: conflict 1.6s infinite; }
.turn-visual { position: relative; }
.turn-image-frame { position: relative; overflow: hidden; aspect-ratio: 3 / 2; padding: 8px; border: 1px solid rgba(255,255,255,.18); border-radius: 26px; background: linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.035)); box-shadow: 0 35px 100px rgba(0,0,0,.42), 0 0 70px rgba(68,85,255,.18); transform: perspective(1400px) rotateY(-3deg); }
.turn-image-frame img { width: 100%; height: 100%; border-radius: 18px; object-fit: cover; }
.turn-image-shade { position: absolute; inset: 8px; border-radius: 18px; background: linear-gradient(180deg, transparent 38%, rgba(3,7,29,.12) 64%, rgba(3,7,29,.88) 100%); pointer-events: none; }
.turn-clock { position: absolute; left: 32px; right: 32px; bottom: 29px; display: flex; align-items: end; justify-content: space-between; gap: 20px; color: white; }
.turn-clock span { max-width: 190px; color: #c5d0ef; font-size: .76rem; }
.turn-clock strong { padding: 9px 13px; border: 1px solid rgba(95,230,255,.35); border-radius: 9px; background: rgba(10,23,82,.72); color: #8febff; font-size: .73rem; letter-spacing: .12em; backdrop-filter: blur(12px); }
.turn-facts { display: flex; justify-content: center; gap: 25px; padding-top: 16px; color: #8f9cc2; font-size: .7rem; }
.turn-facts span { display: flex; align-items: center; gap: 7px; }
.turn-facts i { width: 7px; height: 7px; border-radius: 50%; background: var(--blue-bright); }
.turn-facts .ramp-dot { background: var(--violet); }
.turn-facts .risk-dot { background: var(--red); box-shadow: 0 0 9px rgba(255,62,92,.7); }

/* Home screen: live product story with no static hero image */
.problem-hero { min-height: 1040px; padding: 138px 0 90px; background: radial-gradient(circle at 50% 32%, rgba(55,76,212,.26), transparent 32%), radial-gradient(circle at 82% 16%, rgba(119,86,255,.16), transparent 25%), #030617; }
.problem-hero::before { content: ""; position: absolute; inset: 76px 0 auto; height: 1px; background: linear-gradient(90deg, transparent, rgba(124,150,255,.35), transparent); }
.problem-hero .runway-lines { opacity: .08; background-size: 100% 100%; }
.hero-story { position: relative; z-index: 1; }
.hero-story .hero-copy { max-width: 960px; margin: 0 auto 58px; text-align: center; }
.hero-story .eyebrow { justify-content: center; }
.problem-hero h1 { max-width: none; margin: 25px auto 24px; font-size: clamp(4.2rem, 7.2vw, 7.2rem); line-height: .88; letter-spacing: -.065em; font-weight: 730; }
.problem-hero h1 > span { display: inline-block; margin-top: 15px; color: transparent; background: linear-gradient(90deg, #a9c5ff 0%, #ffffff 38%, #9d8cff 74%, #6fe7ff 100%); -webkit-background-clip: text; background-clip: text; }
.hero-story .hero-lead { max-width: 760px; margin: 0 auto; color: #b5c0e2; font-size: 1.15rem; }
.hero-story .hero-actions { justify-content: center; margin: 32px 0 34px; }
.hero-story .hero-proof { justify-content: center; }
.hero-story .hero-proof div { min-width: 190px; }

.live-turn-card { position: relative; overflow: hidden; border: 1px solid rgba(151,170,255,.22); border-radius: 30px; background: linear-gradient(145deg, rgba(18,31,78,.96), rgba(7,13,43,.94)); box-shadow: 0 50px 120px rgba(0,0,0,.5), 0 0 100px rgba(55,79,255,.16); }
.live-turn-card::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(115deg, rgba(255,255,255,.07), transparent 24%, transparent 76%, rgba(113,87,255,.08)); }
.live-turn-topbar { position: relative; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 76px; padding: 13px 21px; border-bottom: 1px solid rgba(255,255,255,.09); background: rgba(4,10,34,.64); }
.live-turn-brand { display: flex; align-items: center; gap: 11px; color: #e8edff; font-size: .78rem; font-weight: 720; }
.live-turn-brand img { width: 42px; height: 42px; object-fit: cover; border-radius: 12px; box-shadow: 0 0 24px rgba(75,91,255,.42); }
.live-flight { display: flex; align-items: center; gap: 12px; color: #aeb9df; font-size: .7rem; }
.live-flight span { color: white; font-weight: 760; }
.live-flight b { padding: 5px 9px; border: 1px solid rgba(108,139,255,.25); border-radius: 999px; background: rgba(47,100,255,.12); color: #9fb9ff; font-weight: 700; }
.live-flight small { color: #7583af; }
.live-state { justify-self: end; display: flex; align-items: center; gap: 8px; padding: 7px 11px; border: 1px solid rgba(32,212,155,.2); border-radius: 999px; color: #78f0c8; background: rgba(32,212,155,.08); font-size: .66rem; font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.live-state i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 13px var(--green); animation: breathe 1.7s infinite; }
.live-turn-layout { position: relative; display: grid; grid-template-columns: .56fr 1.15fr 1fr; gap: 14px; padding: 18px; }
.turn-gauge-wrap, .hero-task-stream, .hero-ai-recommendation { border: 1px solid rgba(255,255,255,.08); border-radius: 20px; background: rgba(13,24,65,.72); }
.turn-gauge-wrap { display: grid; grid-template-columns: 1fr 1fr; align-content: center; gap: 10px; padding: 20px; }
.turn-gauge { grid-column: 1 / -1; position: relative; display: grid; place-items: center; width: 156px; height: 156px; margin: 0 auto 9px; border-radius: 50%; background: conic-gradient(var(--green) 0 59%, #ffb05f 59% 74%, rgba(255,255,255,.08) 74% 100%); animation: gaugeIn 1.3s cubic-bezier(.2,.8,.2,1) both; }
.turn-gauge::before { content: ""; position: absolute; inset: 10px; border-radius: inherit; background: #0c1743; box-shadow: inset 0 0 30px rgba(59,86,213,.22); }
.turn-gauge > div { position: relative; z-index: 1; text-align: center; }
.turn-gauge span, .turn-gauge small { display: block; color: #7786b2; font-size: .55rem; font-weight: 700; letter-spacing: .08em; }
.turn-gauge strong { display: block; margin: 3px 0; color: white; font-size: 2.85rem; line-height: 1; }
.gauge-note { padding: 9px 10px; border-radius: 11px; background: rgba(255,255,255,.045); }
.gauge-note span, .gauge-note strong { display: block; }
.gauge-note span { color: #7381a9; font-size: .54rem; }
.gauge-note strong { color: #dbe3ff; font-size: .72rem; }
.gauge-note .risk-text { color: #ffbb76; }

.hero-task-stream { padding: 17px; }
.task-stream-head { display: flex; justify-content: space-between; margin-bottom: 10px; color: #e7ecff; font-size: .7rem; font-weight: 720; }
.task-stream-head small { color: #7381aa; font-weight: 500; }
.hero-task { position: relative; display: flex; justify-content: space-between; align-items: center; min-height: 48px; margin-top: 7px; padding: 9px 12px; border: 1px solid rgba(255,255,255,.06); border-radius: 12px; background: rgba(255,255,255,.035); }
.hero-task span { display: flex; align-items: center; gap: 9px; color: #bdc7e8; font-size: .68rem; font-weight: 650; }
.hero-task span i { display: grid; place-items: center; width: 19px; height: 19px; border: 1px solid #4b5d91; border-radius: 6px; color: #071033; font-style: normal; font-size: .55rem; }
.hero-task b { color: #7584ad; font-size: .57rem; }
.hero-task.done span i { border-color: var(--green); background: var(--green); }
.hero-task.done b { color: #62dfb6; }
.hero-task.live-task { border-color: rgba(255,62,92,.28); background: rgba(255,62,92,.075); }
.hero-task.live-task span i { border: 0; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 5px rgba(255,62,92,.09); }
.hero-task.live-task b, .hero-task.risk-task b { color: #ff8ca0; }
.hero-task.risk-task { border-color: rgba(255,167,84,.2); background: rgba(255,145,64,.055); }
.hero-task.risk-task span i { border-color: #d38d49; }
.hero-conflict-dot { position: absolute; right: -4px; top: -4px; width: 10px; height: 10px; border: 2px solid #0b1744; border-radius: 50%; background: var(--red); animation: conflict 1.4s infinite; }

.hero-ai-recommendation { overflow: hidden; padding: 18px; background: linear-gradient(145deg, rgba(46,58,133,.64), rgba(17,25,75,.78)); }
.hero-ai-recommendation h2, .hero-ai-recommendation > p, .recommendation-flow { transition: opacity .22s ease, transform .22s ease; }
.hero-ai-recommendation.is-updating h2, .hero-ai-recommendation.is-updating > p, .hero-ai-recommendation.is-updating .recommendation-flow { opacity: .24; transform: translateY(4px); }
.hero-ai-head { display: flex; align-items: center; justify-content: space-between; color: #cfd7fa; font-size: .62rem; font-weight: 760; text-transform: uppercase; letter-spacing: .06em; }
.hero-ai-head span { display: flex; align-items: center; gap: 8px; }
.hero-ai-head i { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 9px; background: linear-gradient(135deg, var(--blue), var(--violet)); color: white; font-style: normal; }
.hero-ai-head small { color: #7f8db6; }
.hero-ai-recommendation h2 { margin: 19px 0 8px; font-size: 1.25rem; line-height: 1.2; letter-spacing: -.02em; }
.hero-ai-recommendation > p { min-height: 64px; margin: 0 0 17px; color: #aeb9dc; font-size: .7rem; line-height: 1.55; }
.recommendation-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 6px; }
.recommendation-flow > div { padding: 9px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: rgba(255,255,255,.045); }
.recommendation-flow > i { color: #6376b3; font-style: normal; animation: flowPulse 1.8s infinite; }
.recommendation-flow span, .recommendation-flow strong { display: block; }
.recommendation-flow span { color: #7483ae; font-size: .48rem; }
.recommendation-flow strong { color: #dce4ff; font-size: .6rem; }
.recommendation-flow .flow-action { border-color: rgba(118,92,255,.32); background: rgba(119,86,255,.12); }
.recommendation-flow .flow-result { border-color: rgba(32,212,155,.23); background: rgba(32,212,155,.08); }
.recommendation-flow .flow-result strong { color: #6ae5bd; }
.hero-apply { width: 100%; margin-top: 17px; padding: 10px 12px; border: 1px solid rgba(137,157,255,.28); border-radius: 10px; background: linear-gradient(135deg, var(--blue), var(--violet)); color: white; font-size: .68rem; font-weight: 760; cursor: pointer; }
.hero-apply span { float: right; }

@keyframes gaugeIn { from { transform: rotate(-90deg) scale(.85); opacity: 0; } to { transform: rotate(0) scale(1); opacity: 1; } }
@keyframes flowPulse { 50% { color: #b9c8ff; transform: translateX(2px); } }

.turn-problem { padding-top: 118px; background: white; }
.problem-heading { display: grid; grid-template-columns: 1fr .8fr; gap: 90px; align-items: end; margin-bottom: 50px; }
.problem-heading h2 { max-width: 700px; margin: 13px 0 0; font-size: clamp(2.45rem, 4.2vw, 4.1rem); line-height: 1.04; letter-spacing: -.055em; }
.problem-heading p { margin: 0 0 5px; color: var(--muted); font-size: 1.02rem; }
.wing-map { position: relative; overflow: hidden; border: 1px solid #dbe3f6; border-radius: 24px; background: #f8faff; box-shadow: 0 20px 60px rgba(30,51,121,.09); }
.wing-lane { display: grid; grid-template-columns: 205px 1fr; align-items: stretch; min-height: 155px; }
.above-lane { border-bottom: 1px solid #dbe3f6; }
.wing-label { display: flex; flex-direction: column; justify-content: center; padding: 25px; color: white; background: linear-gradient(145deg, #092663, #165dcc); }
.below-lane .wing-label { background: linear-gradient(145deg, #191058, #6436c8); }
.wing-label span { font-size: .72rem; font-weight: 850; letter-spacing: .09em; }
.wing-label small { margin-top: 5px; color: #b8cbf6; font-size: .68rem; line-height: 1.4; }
.below-lane .wing-label small { color: #d4c8f4; }
.activity-track { display: grid; grid-template-columns: 1fr 14px 1fr 14px 1fr 14px 1fr 14px 1fr 14px 1fr; align-items: center; padding: 25px 25px 25px 38px; }
.activity-track div { position: relative; min-height: 70px; padding: 12px 8px; border: 1px solid #dce4f4; border-radius: 10px; background: white; text-align: center; box-shadow: 0 6px 18px rgba(30,50,110,.05); }
.activity-track b { display: grid; place-items: center; width: 23px; height: 23px; margin: -23px auto 7px; border-radius: 50%; background: var(--blue); color: white; font-size: .53rem; }
.below-lane .activity-track b { background: var(--violet); }
.activity-track span { display: block; color: #405077; font-size: .63rem; font-weight: 720; line-height: 1.35; }
.activity-track > i { position: relative; height: 1px; background: #aebbd8; }
.activity-track > i::after { content: ""; position: absolute; right: 0; top: -3px; width: 6px; height: 6px; border-top: 1px solid #8b9bc2; border-right: 1px solid #8b9bc2; transform: rotate(45deg); }
.turn-core { position: absolute; z-index: 2; left: 78px; top: 50%; display: grid; place-items: center; width: 104px; height: 104px; padding: 12px; border: 7px solid #f8faff; border-radius: 50%; transform: translateY(-50%); color: white; background: linear-gradient(145deg, var(--blue), var(--violet)); text-align: center; box-shadow: 0 12px 30px rgba(53,66,199,.32); }
.turn-core span { font-size: .43rem; letter-spacing: .06em; }
.turn-core strong { font-size: .75rem; line-height: 1.1; }
.turn-core small { color: #dce3ff; font-size: .43rem; line-height: 1.2; }
.system-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; margin-top: 18px; }
.system-card { min-height: 190px; padding: 22px; border: 1px solid #dfe5f4; border-radius: 17px; background: white; box-shadow: 0 10px 35px rgba(29,48,111,.055); }
.system-mark { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 10px; background: #e9efff; color: var(--blue); font-size: .7rem; font-weight: 900; }
.equipment-mark { color: #168d68; background: #e7faf4; }
.service-mark { color: var(--violet); background: #f0eaff; }
.rules-mark { color: #c0651e; background: #fff0e2; }
.disruption-card { border-color: #ffd9e0; background: #fffafb; }
.disruption-mark { color: var(--red); background: #ffe8ed; }
.system-card h3 { margin: 18px 0 7px; font-size: 1rem; }
.system-card p { margin: 0; color: #6a7698; font-size: .79rem; line-height: 1.55; }
.domino-story { display: grid; grid-template-columns: .62fr 1.38fr; gap: 45px; align-items: center; margin-top: 38px; padding: 32px; border-radius: 22px; color: white; background: radial-gradient(circle at 90% 40%, rgba(99,62,222,.32), transparent 35%), var(--navy-900); box-shadow: 0 20px 60px rgba(5,15,54,.18); }
.domino-copy > span { color: #8eaaff; font-size: .65rem; font-weight: 850; letter-spacing: .11em; }
.domino-copy h3 { margin: 8px 0 0; font-size: 1.55rem; line-height: 1.2; }
.domino-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; gap: 7px; }
.domino-flow > div { min-height: 90px; display: flex; flex-direction: column; justify-content: center; padding: 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 11px; background: rgba(255,255,255,.055); }
.domino-flow i { color: #7383b5; font-size: .56rem; font-style: normal; font-weight: 800; }
.domino-flow span { margin-top: 6px; color: #d4dbf2; font-size: .68rem; font-weight: 650; line-height: 1.35; }
.domino-flow > b { color: #6977a5; font-size: 1.3rem; }
.domino-flow .domino-risk { border-color: rgba(255,62,92,.38); background: rgba(255,62,92,.11); }
.domino-flow .domino-risk i, .domino-flow .domino-risk span { color: #ff9aae; }

.solution-flow { color: white; background: radial-gradient(circle at 12% 0%, rgba(47,100,255,.22), transparent 30%), radial-gradient(circle at 90% 80%, rgba(119,86,255,.2), transparent 30%), var(--navy-950); }
.solution-flow .section-heading .kicker { color: #80a7ff; }
.solution-flow .section-heading p { color: #99a6ca; }
.turniq-flow { overflow: hidden; border: 1px solid rgba(255,255,255,.11); border-radius: 25px; background: rgba(8,18,58,.72); box-shadow: 0 30px 90px rgba(0,0,0,.28); }
.flow-outcome { min-height: 98px; display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 20px 25px; border-bottom: 1px solid rgba(255,255,255,.09); background: linear-gradient(90deg, rgba(47,100,255,.17), rgba(119,86,255,.12)); }
.flow-outcome > div:first-child { display: flex; align-items: center; gap: 13px; }
.flow-logo { display: block; width: 45px; height: 45px; object-fit: cover; border-radius: 13px; box-shadow: 0 0 28px rgba(68,90,255,.35); }
.flow-outcome p { margin: 0; }
.flow-outcome small, .flow-outcome strong { display: block; }
.flow-outcome small { color: #7f91c1; font-size: .55rem; letter-spacing: .1em; font-weight: 800; }
.flow-outcome strong { color: white; font-size: 1.04rem; }
.guardrail-list { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.guardrail-list span { padding: 6px 10px; border: 1px solid rgba(126,161,255,.2); border-radius: 999px; background: rgba(51,79,166,.16); color: #aebde8; font-size: .62rem; }
.flow-stages { display: grid; grid-template-columns: 1fr 32px 1fr 32px 1fr 32px 1fr 32px 1fr; align-items: stretch; padding: 28px 23px 22px; }
.flow-stage { min-width: 0; min-height: 330px; padding: 20px 17px; border: 1px solid rgba(255,255,255,.09); border-radius: 15px; background: rgba(255,255,255,.04); transition: transform .25s, border-color .25s, background .25s; }
.flow-stage:hover { transform: translateY(-4px); border-color: rgba(103,134,255,.38); background: rgba(255,255,255,.065); }
.stage-top { display: flex; align-items: center; justify-content: space-between; }
.stage-top span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px; background: rgba(56,111,255,.15); color: #7ea5ff; font-size: .57rem; font-weight: 900; }
.stage-top small { color: #61709e; font-size: .5rem; letter-spacing: .08em; font-weight: 850; }
.demand-stage .stage-top span { color: #5ee0b5; background: rgba(32,212,155,.12); }
.plan-stage { border-color: rgba(138,111,255,.28); background: linear-gradient(155deg, rgba(91,67,213,.24), rgba(255,255,255,.035)); }
.plan-stage .stage-top span { color: #d2c4ff; background: rgba(119,86,255,.24); }
.operate-stage .stage-top span { color: #ffaf8e; background: rgba(255,107,53,.12); }
.live-stage { border-color: rgba(24,214,255,.22); }
.live-stage .stage-top span { color: #75eaff; background: rgba(24,214,255,.1); }
.flow-stage h3 { margin: 22px 0 8px; font-size: 1.02rem; }
.flow-stage p { min-height: 67px; margin: 0 0 18px; color: #8f9cc4; font-size: .73rem; line-height: 1.5; }
.flow-stage ul { margin: 0; padding: 0; list-style: none; }
.flow-stage li { position: relative; margin: 8px 0; padding-left: 12px; color: #c2cbe7; font-size: .65rem; line-height: 1.35; }
.flow-stage li::before { content: ""; position: absolute; left: 0; top: .52em; width: 4px; height: 4px; border-radius: 50%; background: #547cf1; }
.stage-arrow { display: grid; place-items: center; }
.stage-arrow i { position: relative; width: 100%; height: 1px; background: #465887; }
.stage-arrow i::after { content: ""; position: absolute; right: 0; top: -3px; width: 6px; height: 6px; border-top: 1px solid #7788b7; border-right: 1px solid #7788b7; transform: rotate(45deg); }
.feedback-lane { padding: 0 23px 24px; }
.feedback-line { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 12px; color: #7584b1; font-size: .6rem; text-align: center; }
.feedback-line i { position: relative; height: 1px; background: linear-gradient(90deg, transparent, #465887); }
.feedback-line i:last-child { background: linear-gradient(90deg, #465887, transparent); }
.copilot-bar { display: flex; align-items: center; gap: 14px; margin-top: 17px; padding: 15px 18px; border: 1px solid rgba(99,132,255,.24); border-radius: 13px; background: linear-gradient(90deg, rgba(47,100,255,.12), rgba(119,86,255,.12)); }
.copilot-spark { display: grid; place-items: center; flex: 0 0 auto; width: 38px; height: 38px; border-radius: 11px; background: linear-gradient(135deg, var(--blue), var(--violet)); color: white; }
.copilot-bar small, .copilot-bar strong { display: block; }
.copilot-bar small { color: #7d9dff; font-size: .52rem; letter-spacing: .09em; font-weight: 850; }
.copilot-bar strong { margin-top: 3px; color: #c4cdea; font-size: .72rem; font-weight: 600; }

.lifecycle { padding: 0; color: white; background: var(--navy-900); border-top: 1px solid rgba(255,255,255,.06); border-bottom: 1px solid rgba(255,255,255,.06); }
.lifecycle-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.life-stage { position: relative; display: flex; align-items: center; gap: 15px; min-height: 112px; padding: 20px 32px; border-right: 1px solid rgba(255,255,255,.09); }
.life-stage:last-child { border-right: 0; }
.life-stage::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; background: var(--stage); transform: scaleX(0); transform-origin: left; transition: transform .5s; }
.life-stage:hover::after { transform: scaleX(1); }
.life-stage span { color: var(--stage); font-weight: 800; }
.life-stage b, .life-stage small { display: block; }
.life-stage b { font-size: .92rem; }
.life-stage small { color: #8290bd; font-size: .72rem; }
.strategic { --stage: var(--blue-bright); }.tactical { --stage: var(--green); }.operational { --stage: var(--violet); }.realtime { --stage: var(--orange); }

.section-heading { max-width: 680px; margin-bottom: 52px; }
.section-heading.centered { margin-left: auto; margin-right: auto; text-align: center; }
.section-heading .kicker, .comparison-copy .kicker, .contact-copy .kicker, .integration-copy .kicker { color: var(--blue); }
.section-dark .kicker { color: #7ea4ff; }
.section-heading h2, .comparison-copy h2, .contact-copy h2, .integration-copy h2 { margin: 13px 0 18px; font-size: clamp(2.35rem, 4.2vw, 4rem); line-height: 1.06; letter-spacing: -.05em; }
.section-heading p, .comparison-copy > p, .contact-copy > p, .integration-copy p { margin: 0; color: var(--muted); font-size: 1.04rem; }
.section-dark .section-heading p { color: #929fc6; }

.product-stage { position: relative; }
.product-tabs { display: flex; align-items: end; gap: 4px; padding-left: 24px; }
.product-tabs button { padding: 16px 22px 14px; border: 0; border-radius: 13px 13px 0 0; background: #e9edfa; color: #68749b; cursor: pointer; font-weight: 700; font-size: .86rem; transition: .2s; }
.product-tabs button span { margin-right: 8px; color: #9aa4c4; font-size: .68rem; }
.product-tabs button[aria-selected="true"] { padding-top: 19px; background: var(--navy-900); color: white; }
.product-tabs button[aria-selected="true"] span { color: var(--cyan); }
.screen-frame { position: relative; min-height: 660px; overflow: hidden; border: 8px solid var(--navy-900); border-radius: 25px; background: #eef2fa; box-shadow: var(--shadow); }
.screen-topbar { height: 58px; display: flex; align-items: center; justify-content: space-between; padding: 0 19px; background: var(--navy-900); color: white; }
.screen-logo { display: flex; align-items: center; gap: 9px; font-size: .74rem; font-weight: 700; }
.screen-logo img { width: 31px; height: 31px; object-fit: cover; border-radius: 8px; box-shadow: 0 0 16px rgba(75,91,255,.28); }
.screen-tools { display: flex; align-items: center; gap: 11px; color: #98a4cf; font-size: .66rem; }
.screen-tools button { border: 0; background: none; color: #a9b6df; }
.screen-tools i { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #29376c; color: white; font-style: normal; font-size: .58rem; }
.tab-panel { position: relative; min-height: 594px; padding-left: 57px; }
.screen-sidebar { position: absolute; inset: 0 auto 0 0; width: 57px; display: flex; flex-direction: column; align-items: center; gap: 11px; padding-top: 20px; background: #091440; }
.screen-sidebar span { display: grid; place-items: center; width: 32px; height: 32px; border-radius: 8px; color: #6976a5; font-size: .9rem; }
.screen-sidebar span.active { color: white; background: rgba(61,124,255,.28); box-shadow: inset 2px 0 0 var(--cyan); }
.screen-content { padding: 25px; }
.screen-title-row { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 19px; }
.screen-title-row small { color: #7582aa; font-size: .6rem; font-weight: 800; letter-spacing: .11em; }
.screen-title-row h3 { margin: 1px 0 0; font-size: 1.32rem; letter-spacing: -.02em; }
.day-switcher, .roster-actions { display: flex; padding: 3px; border: 1px solid #dde3f2; border-radius: 9px; background: white; }
.day-switcher button, .roster-actions button { padding: 6px 11px; border: 0; border-radius: 6px; background: transparent; color: #7581a4; font-size: .65rem; cursor: pointer; }
.day-switcher button.active { background: var(--navy-800); color: white; }
.demand-kpis, .control-kpis { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; margin-bottom: 13px; }
.demand-kpis > div, .control-kpis > div { padding: 14px 17px; border: 1px solid #e0e6f2; border-radius: 11px; background: white; box-shadow: 0 7px 24px rgba(29,47,111,.05); }
.demand-kpis span, .demand-kpis small { display: block; color: #7b87a8; font-size: .63rem; }
.demand-kpis strong { display: block; color: var(--ink); font-size: 1.5rem; line-height: 1.25; }
.demand-kpis small.good { color: #15936d; }
.chart-card { position: relative; min-height: 440px; padding: 15px 18px 82px; border: 1px solid #e0e6f2; border-radius: 16px; background: white; box-shadow: 0 12px 36px rgba(27,46,110,.07); }
.chart-head { color: var(--ink); }
.chart-head small { display: flex; gap: 12px; align-items: center; color: #7f8aad; font-weight: 500; }
.legend-line, .legend-fill { display: inline-block; width: 14px; height: 3px; border-radius: 3px; background: var(--violet); }.legend-fill { background: var(--cyan); }
.demand-chart { display: block; width: 100%; height: 315px; overflow: visible; }
.grid-lines line { stroke: #e8ecf5; stroke-width: 1; }
.grid-lines .minor-tick { stroke: #dce3f1; opacity: .65; }
.grid-lines .hour-tick { stroke: #bfc9df; opacity: .9; }
.axis-y text, .axis-x text { fill: #8e99b6; font-size: 11px; }
.area { fill: url(#areaFill); transition: d .65s ease; }
.demand-line { fill: none; stroke: var(--violet); stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 5px 8px rgba(119,86,255,.2)); transition: d .65s ease; }
.planned-line { fill: none; stroke: var(--cyan); stroke-width: 3; stroke-dasharray: 8 6; stroke-linecap: round; stroke-linejoin: round; opacity: .58; filter: drop-shadow(0 3px 5px rgba(24,214,255,.18)); transition: d .65s ease, opacity .3s ease, stroke-width .3s ease; }
.chart-card.show-plan .planned-line { opacity: 1; stroke-width: 4; animation: planFlow 1.2s linear infinite; }
.axis-x .interval-label { fill: #6276ad; font-size: 9px; font-weight: 800; letter-spacing: .08em; }
.peak-windows rect { fill: url(#peakFill); stroke: rgba(47,100,255,.13); stroke-width: 1; }
.peak-windows text { fill: #5d70a2; font-size: 9px; font-weight: 750; letter-spacing: .08em; text-anchor: middle; }
.peak-marker line { stroke: var(--violet); stroke-dasharray: 4 5; opacity: .5; }.peak-marker circle { fill: white; stroke: var(--violet); stroke-width: 4; }.peak-marker rect { fill: var(--navy-800); }.peak-marker text { fill: white; text-anchor: middle; font-size: 11px; font-weight: 700; }
.peak-marker circle.smaller-wave { fill: #fff; stroke: #9d83f8; stroke-width: 3; }
.peak-marker text.smaller-wave-label { fill: #6b579e; font-size: 11px; font-weight: 750; paint-order: stroke; stroke: #fff; stroke-width: 4px; stroke-linejoin: round; }
.chart-insight { position: absolute; left: 18px; right: 18px; bottom: 14px; display: grid; grid-template-columns: 104px 1fr auto; align-items: center; gap: 13px; padding: 10px 13px; border: 1px solid #dce3fa; border-radius: 12px; background: linear-gradient(90deg, #f6f8ff, #fafbff); }
.chart-insight > div:nth-child(2) > span { color: var(--blue); font-size: .58rem; font-weight: 800; text-transform: uppercase; }
.chart-insight p { margin: 0; color: #5c688e; font-size: .65rem; }
.chart-insight button { padding: 6px 10px; border: 1px solid #cad3ee; border-radius: 6px; background: white; color: var(--blue); font-size: .61rem; cursor: pointer; }
.ai-shift-visual { display: grid; grid-template-columns: 1fr auto 1fr; align-items: end; gap: 5px; height: 38px; }
.ai-shift-visual span { position: relative; display: block; height: 100%; border-radius: 6px; overflow: hidden; background: #e6eafe; }
.ai-shift-visual span i { position: absolute; inset: 10% 0 0; border-radius: inherit; background: linear-gradient(180deg, var(--violet), #a18cff); animation: insightBar 2.4s ease-in-out infinite alternate; }
.ai-shift-visual span.after i { inset: 28% 0 0; background: linear-gradient(180deg, var(--cyan), #4c8fff); animation-delay: .5s; }
.ai-shift-visual b { position: absolute; inset: 0; display: grid; place-items: center; color: white; font-size: .58rem; z-index: 1; }
.ai-shift-visual em { align-self: center; color: #7484b6; font-style: normal; font-size: .7rem; }
@keyframes insightBar { to { transform: scaleY(.9); transform-origin: bottom; } }
@keyframes planFlow { to { stroke-dashoffset: -28; } }
.screen-caption { margin: 13px 0 0; color: #7884a4; text-align: center; font-size: .75rem; }

.roster-actions { gap: 4px; border: 0; background: transparent; }
.roster-actions button { border: 1px solid #d9e0ef; background: white; }
.roster-actions button.accent { border-color: var(--blue); background: var(--blue); color: white; }
.roster-summary { display: flex; flex-wrap: wrap; gap: 15px; margin-bottom: 13px; padding: 10px 13px; border: 1px solid #dfe4f0; border-radius: 9px; background: white; color: #697597; font-size: .61rem; }
.roster-summary span { display: flex; align-items: center; gap: 6px; }
.roster-summary i { width: 8px; height: 8px; border-radius: 2px; background: var(--blue); }.roster-summary .status-purple { background: var(--violet); }.roster-summary .status-cyan { background: var(--cyan); }.roster-summary .status-off { background: #dbe1ef; }
.gantt-wrap { overflow-x: auto; border: 1px solid #dfe4f0; border-radius: 10px; background: white; scrollbar-color: #b9c4df transparent; }
.gantt-grid { min-width: 1050px; display: grid; grid-template-columns: 125px repeat(31, 1fr); font-size: .58rem; }
.gantt-grid > div { min-height: 42px; display: grid; place-items: center; border-right: 1px solid #edf0f6; border-bottom: 1px solid #edf0f6; }
.gantt-grid .gantt-name { display: flex; align-items: center; justify-content: flex-start; padding-left: 12px; color: #455174; font-weight: 700; }
.gantt-grid .gantt-head { min-height: 34px; background: #f7f8fc; color: #8993ad; font-weight: 700; }
.gantt-grid .weekend { background: #faf8ff; }
.shift-cell { width: calc(100% - 4px); height: 30px; border-radius: 5px; color: white; font-size: .52rem; font-weight: 800; }
.shift-d { background: linear-gradient(135deg, #3d7cff, #2f64ff); }.shift-e { background: linear-gradient(135deg, #9565ff, #7756ff); }.shift-n { background: linear-gradient(135deg, #18d6ff, #05a6d8); color: #07384c; }.shift-o { background: #e8ecf5; color: #9ca7be; }
.roster-footer { display: grid; grid-template-columns: repeat(3, .8fr) 1.5fr; gap: 9px; margin-top: 12px; }
.roster-footer > div { padding: 11px 13px; border: 1px solid #e1e6f1; border-radius: 9px; background: white; }
.roster-footer span, .roster-footer small { display: block; color: #7d88a8; font-size: .57rem; }
.roster-footer strong { display: block; font-size: 1.02rem; line-height: 1.25; }.roster-footer small { color: #329779; }
.roster-footer .roster-note { border-color: #d9def9; background: #f6f7ff; }.roster-note span { color: var(--blue); font-weight: 800; text-transform: uppercase; }.roster-note p { margin: 3px 0 0; color: #59668d; font-size: .61rem; }

.control-kpis { grid-template-columns: repeat(4, 1fr); }
.control-kpis > div { display: flex; align-items: center; justify-content: space-between; padding: 11px 14px; }
.control-kpis span { color: #7984a4; font-size: .6rem; }.control-kpis strong { font-size: 1.05rem; }.control-kpis .risk { background: #fff5f7; border-color: #ffd6df; }.control-kpis .risk strong { color: var(--red); }
.live-badge { display: flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid #d9f2e8; border-radius: 999px; background: #f1fff9; color: #188a66; font-size: .62rem; font-weight: 750; }
.tower-grid { display: grid; grid-template-columns: 1.5fr .72fr; gap: 13px; }
.turn-board { position: relative; overflow: hidden; min-height: 405px; padding: 15px; border: 1px solid #dfe5f1; border-radius: 12px; background: white; }
.board-head { color: var(--ink); margin-bottom: 14px; }
.board-times { display: grid; grid-template-columns: repeat(5,1fr); margin-left: 86px; color: #929cb7; font-size: .56rem; }
.board-row { display: grid; grid-template-columns: 83px 1fr; min-height: 70px; border-top: 1px solid #edf0f6; }
.board-row > b { display: flex; flex-direction: column; justify-content: center; color: #566184; font-size: .65rem; }.board-row > b small { color: #9aa4bd; font-size: .53rem; font-weight: 500; }.board-row > div { position: relative; border-left: 1px solid #edf0f6; background: repeating-linear-gradient(90deg, transparent 0, transparent calc(20% - 1px), #edf0f6 calc(20% - 1px), #edf0f6 20%); }
.task { position: absolute; top: 20px; display: block; height: 30px; padding: 7px 8px; overflow: hidden; border-radius: 6px; color: #254b9c; background: #e6efff; font-size: .55rem; font-weight: 700; white-space: nowrap; }.task.bags { color: #553b9b; background: #eee8ff; }.task.service { color: #0a6475; background: #e2f9fb; }.task.late { overflow: visible; color: #a3293f; background: #ffe7ec; border: 1px solid #ffb9c6; }.task.blocked { overflow: visible; color: #9a581c; background: #fff0dd; border: 1px dashed #ffae5e; }
.dynamic-dot { position: absolute; right: -4px; top: -5px; width: 10px; height: 10px; border: 2px solid white; border-radius: 50%; background: var(--red); box-shadow: 0 0 0 0 rgba(255,62,92,.65); animation: conflict 1.4s infinite; }.delay-two { animation-delay: .42s; }.delay-three { animation-delay: .78s; }
.board-now { position: absolute; top: 58px; bottom: 14px; left: 48%; border-left: 1px solid var(--red); }.board-now span { position: absolute; top: -3px; transform: translate(-50%,-100%); padding: 2px 6px; border-radius: 4px; background: var(--red); color: white; font-size: .48rem; font-weight: 900; }
.resolution-box { align-self: stretch; padding: 16px; border: 1px solid #ffd3dc; border-radius: 12px; background: #fff; box-shadow: 0 12px 38px rgba(133,34,61,.09); }
.resolution-head { display: flex; align-items: center; justify-content: space-between; color: var(--red); font-size: .61rem; font-weight: 800; text-transform: uppercase; }.resolution-head span { display: flex; align-items: center; gap: 6px; }.resolution-head i { width: 7px; height: 7px; border-radius: 50%; background: var(--red); animation: breathe 1.4s infinite; }.resolution-head small { color: #a58a92; font-size: .52rem; }.resolution-box h4 { margin: 16px 0 7px; font-size: .95rem; line-height: 1.3; }.resolution-box > p { margin: 0 0 12px; color: #697493; font-size: .62rem; line-height: 1.55; }
.cause-list { display: grid; grid-template-columns: repeat(3,1fr); gap: 5px; }.cause-list div { padding: 7px; border-radius: 6px; background: #f7f8fc; }.cause-list span, .cause-list b { display: block; font-size: .52rem; }.cause-list span { color: #8b94ac; }.cause-list b { color: #404c71; }
.solution-callout { margin: 12px 0; padding: 11px; border: 1px solid #dbe1ff; border-radius: 9px; background: #f5f6ff; }.solution-callout span { color: var(--blue); font-size: .54rem; font-weight: 850; text-transform: uppercase; }.solution-callout strong { display: block; margin: 2px 0; color: #253873; font-size: .73rem; }.solution-callout p { margin: 0; color: #667296; font-size: .56rem; line-height: 1.45; }
.impact-row { display: flex; gap: 8px; color: #7e88a3; font-size: .56rem; }.impact-row span { flex: 1; padding: 7px; border: 1px solid #e1e5ef; border-radius: 6px; }.impact-row b { float: right; color: #188c67; }.resolution-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; margin-top: 12px; }.resolution-actions button { padding: 8px; border-radius: 7px; font-size: .6rem; font-weight: 750; cursor: pointer; }.outline-action { border: 1px solid #d7ddeb; background: white; color: #5c688a; }.apply-action { border: 1px solid var(--blue); background: var(--blue); color: white; }

.modules { position: relative; overflow: hidden; color: var(--ink); background: radial-gradient(circle at 8% 7%, rgba(24,214,255,.13), transparent 25%), radial-gradient(circle at 92% 42%, rgba(119,86,255,.1), transparent 29%), #f7faff; }
.modules::before { content: ""; position: absolute; inset: 0; opacity: .35; pointer-events: none; background-image: linear-gradient(rgba(74,101,169,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(74,101,169,.06) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 84%, transparent); }
.modules .container { position: relative; }
.module-heading { display: grid; grid-template-columns: 1.2fr .8fr; gap: 70px; align-items: end; max-width: none; margin-bottom: 52px; }
.module-heading h2 { margin-bottom: 0; max-width: 720px; }
.module-heading > p { padding: 0 0 8px; }
.module-journey { display: grid; gap: 34px; }
.module-stage { --stage-accent: #2f64ff; --stage-soft: #eaf3ff; display: grid; grid-template-columns: minmax(0,1.02fr) minmax(0,.98fr); min-height: 600px; overflow: hidden; border: 1px solid #dce5f2; border-radius: 32px; background: rgba(255,255,255,.96); box-shadow: 0 24px 70px rgba(32,55,112,.1); transition: transform .3s ease, box-shadow .3s ease; }
.module-stage:hover { transform: translateY(-5px); box-shadow: 0 32px 80px rgba(32,55,112,.14); }
.stage-workforce { --stage-accent: #7756ff; --stage-soft: #f1edff; }
.stage-control { --stage-accent: #00a98f; --stage-soft: #e6f9f5; }
.stage-workforce .stage-visual { order: 2; }
.stage-workforce .stage-content { order: 1; }
.stage-visual { position: relative; min-width: 0; min-height: 100%; margin: 0; overflow: hidden; background: var(--stage-soft); }
.stage-visual::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(135deg, transparent 50%, rgba(255,255,255,.22)); }
.stage-visual img { width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .7s ease; }
.module-stage:hover .stage-visual img { transform: scale(1.025); }
.stage-visual figcaption { position: absolute; z-index: 1; left: 24px; top: 24px; display: inline-flex; align-items: center; gap: 10px; padding: 9px 14px 9px 9px; border: 1px solid rgba(255,255,255,.75); border-radius: 999px; background: rgba(255,255,255,.88); color: #344260; box-shadow: 0 10px 30px rgba(27,44,83,.12); backdrop-filter: blur(14px); font-size: .76rem; font-weight: 800; letter-spacing: .08em; }
.stage-visual figcaption span { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: white; background: var(--stage-accent); letter-spacing: 0; }
.stage-content { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: clamp(34px,4.8vw,68px); }
.stage-kicker { color: var(--stage-accent); font-size: .8rem; font-weight: 850; letter-spacing: .1em; text-transform: uppercase; }
.stage-content > h3 { margin: 14px 0 15px; font-size: clamp(2rem,3.2vw,3.15rem); line-height: 1.05; letter-spacing: -.045em; }
.stage-content > p { margin: 0; color: #5d6a87; font-size: 1.03rem; line-height: 1.65; }
.stage-module-pair { display: grid; grid-template-columns: 1fr 1fr; margin-top: 29px; border-top: 1px solid #e2e7f0; border-bottom: 1px solid #e2e7f0; }
.stage-module-pair > div { padding: 22px 22px 20px 0; }
.stage-module-pair > div + div { padding-left: 24px; border-left: 1px solid #e2e7f0; }
.module-index { display: inline-grid; place-items: center; min-width: 31px; height: 25px; padding: 0 8px; border-radius: 8px; color: var(--stage-accent); background: var(--stage-soft); font-size: .72rem; font-weight: 850; }
.stage-module-pair h4 { margin: 10px 0 6px; color: #18284e; font-size: 1.05rem; }
.stage-module-pair p { min-height: 68px; margin: 0; color: #69758f; font-size: .9rem; line-height: 1.5; }
.stage-module-pair ul { margin: 11px 0 0; padding: 0; list-style: none; }
.stage-module-pair li { position: relative; margin: 6px 0; padding-left: 14px; color: #405075; font-size: .84rem; line-height: 1.45; }
.stage-module-pair li::before { content: ""; position: absolute; left: 0; top: .62em; width: 5px; height: 5px; border-radius: 50%; background: var(--stage-accent); }
.stage-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 24px; color: #6b7894; font-size: .82rem; }
.stage-flow span,.stage-flow strong { padding: 8px 12px; border-radius: 999px; background: #f2f5fa; font-weight: 700; }
.stage-flow strong { color: #fff; background: var(--stage-accent); }
.stage-flow i { color: var(--stage-accent); font-style: normal; font-weight: 900; }

.ai-native { background: white; }
.comparison-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: 70px; align-items: center; }
.comparison-copy h2 { font-size: clamp(2.45rem,4vw,3.7rem); }.comparison-copy > p { margin-bottom: 16px; }
.planner-note { margin-top: 27px; padding: 19px 21px; border-left: 3px solid var(--violet); border-radius: 0 12px 12px 0; background: #f5f6ff; }.planner-note span { color: var(--blue); font-size: .72rem; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }.planner-note p { margin: 5px 0 0; color: #536087; font-size: .88rem; }
.comparison-table { overflow: hidden; border: 1px solid var(--line); border-radius: 19px; box-shadow: var(--shadow); }
.compare-row { display: grid; grid-template-columns: .75fr 1fr 1.15fr; border-top: 1px solid var(--line); background: white; }
.compare-row:first-child { border-top: 0; }.compare-row > div { display: flex; align-items: center; padding: 18px; border-left: 1px solid var(--line); color: #657094; font-size: .8rem; }.compare-row > div:first-child { border-left: 0; color: #27345d; font-weight: 720; }.compare-row .tq-col { color: #263c84; background: #f3f5ff; font-weight: 650; }.compare-head { background: var(--navy-900); }.compare-head > div, .compare-head > div:first-child { color: white; font-weight: 800; font-size: .72rem; text-transform: uppercase; letter-spacing: .06em; }.compare-head .tq-col { color: white; background: linear-gradient(135deg, var(--blue), var(--violet)); }.compare-head .tq-col span { display: grid; place-items: center; width: 25px; height: 25px; margin-right: 8px; border-radius: 7px; background: rgba(255,255,255,.17); font-size: .55rem; }

.outcomes { background: radial-gradient(circle at 20% 0%, rgba(47,100,255,.22), transparent 30%), var(--navy-950); }
.outcome-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid rgba(255,255,255,.1); border-radius: 22px; overflow: hidden; }
.outcome-grid article { min-height: 230px; padding: 30px; border-right: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); }.outcome-grid article:nth-child(3n) { border-right: 0; }.outcome-grid article:nth-child(n+4) { border-bottom: 0; }.outcome-grid span { color: #56648f; font-size: .7rem; font-weight: 800; }.outcome-grid h3 { margin: 38px 0 9px; font-size: 1.15rem; }.outcome-grid p { margin: 0; color: #909dc3; font-size: .86rem; }

.integrations { background: white; }
.integrations-grid { display: grid; grid-template-columns: .75fr 1.25fr; gap: 85px; align-items: center; }.integration-copy h2 { font-size: clamp(2.2rem,4vw,3.6rem); }.integration-list { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }.integration-list span { display: grid; place-items: center; min-height: 78px; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: #fbfcff; color: #33416d; font-size: .82rem; font-weight: 750; transition: .2s; }.integration-list span:hover { transform: translateY(-3px); border-color: #aabcf5; color: var(--blue); box-shadow: 0 10px 28px rgba(34,55,127,.08); }

.contact { color: white; background: linear-gradient(135deg, #081340 0%, #111a56 52%, #30168a 100%); }.contact-glow { position: absolute; width: 460px; height: 460px; right: -100px; bottom: -220px; border-radius: 50%; background: #4374ff; filter: blur(80px); opacity: .35; }.contact-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 92px; align-items: center; }.contact-copy .kicker { color: #8db2ff; }.contact-copy p { color: #b1bde2; }.contact-points { display: grid; gap: 11px; margin-top: 29px; color: #d3dbf7; font-size: .86rem; }.contact-points span { display: flex; align-items: center; gap: 9px; }.contact-points i { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: rgba(32,212,155,.14); color: #6cf1c6; font-style: normal; font-size: .67rem; }
.direct-contact { display: grid; gap: 13px; margin-top: 31px; padding-top: 25px; border-top: 1px solid rgba(255,255,255,.2); font-style: normal; }
.direct-contact > div { display: grid; grid-template-columns: 90px minmax(0,1fr); gap: 12px; align-items: baseline; }
.direct-contact span { color: #aabbe6; font-size: .86rem; }
.direct-contact a { width: fit-content; max-width: 100%; color: #fff; font-size: 1.08rem; font-weight: 650; overflow-wrap: anywhere; text-decoration: underline; text-decoration-color: rgba(255,255,255,.34); text-underline-offset: 4px; }
.direct-contact a:hover,.direct-contact a:focus-visible { color: #8cdaff; text-decoration-color: currentColor; }
.demo-form { padding: 29px; border: 1px solid rgba(255,255,255,.14); border-radius: 23px; background: rgba(255,255,255,.09); backdrop-filter: blur(18px); box-shadow: 0 30px 80px rgba(0,0,0,.22); }.form-heading { margin-bottom: 23px; padding-bottom: 19px; border-bottom: 1px solid rgba(255,255,255,.13); }.form-heading span { color: #8fb2ff; font-size: .75rem; font-weight: 800; letter-spacing: .12em; }.form-heading h3 { margin: 6px 0 5px; font-size: 1.65rem; letter-spacing: -.025em; }.form-heading p { margin: 0; color: #abb8dc; font-size: .92rem; }.demo-form label { display: grid; gap: 7px; margin-bottom: 14px; color: #d9e1fb; font-size: .88rem; font-weight: 650; }.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.demo-form input, .demo-form select, .demo-form textarea { width: 100%; min-height: 48px; border: 1px solid rgba(255,255,255,.17); border-radius: 10px; outline: none; background: rgba(4,10,39,.48); color: white; padding: 12px 13px; font: inherit; font-size: .96rem; }.demo-form textarea { min-height: 96px; resize: vertical; }.demo-form input:focus, .demo-form select:focus, .demo-form textarea:focus { border-color: #7795ff; box-shadow: 0 0 0 3px rgba(61,124,255,.15); }.demo-form select option { color: var(--ink); }.demo-form .button { width: 100%; }.demo-form .button:disabled { cursor: wait; opacity: .72; transform: none; }.demo-form.is-sending .submit-icon { display: inline-block; animation: submitSpin .9s linear infinite; }.form-honey { position: absolute!important; width: 1px!important; height: 1px!important; overflow: hidden!important; clip: rect(0 0 0 0)!important; clip-path: inset(50%)!important; white-space: nowrap!important; }.form-status { min-height: 24px; margin: 12px 0 0; color: #85f4d0; text-align: center; font-size: .88rem; line-height: 1.45; }.form-status a { color: #fff; text-decoration: underline; text-underline-offset: 3px; }.demo-form.is-error .form-status { color: #ffc1cc; }.demo-form.is-success .button { background: linear-gradient(135deg,#16a77d,#2cd2a3); }.demo-form.is-success .submit-icon { font-size: 0; }.demo-form.is-success .submit-icon::after { content: "✓"; font-size: 1rem; }
@keyframes submitSpin { to { transform: rotate(360deg); } }

.site-footer { padding: 64px 0 24px; color: white; background: #020515; }.footer-main { display: grid; grid-template-columns: 2fr repeat(3,1fr); gap: 50px; padding-bottom: 42px; }.footer-brand p { max-width: 320px; margin: 17px 0 0; color: #7784ac; font-size: .84rem; }.footer-main h3 { margin: 0 0 14px; color: #c8d1ef; font-size: .77rem; text-transform: uppercase; letter-spacing: .1em; }.footer-main > div:not(.footer-brand) a { display: block; margin: 8px 0; color: #7e8bad; font-size: .82rem; transition: color .2s; }.footer-main > div:not(.footer-brand) a:hover { color: white; }.footer-bottom { display: flex; justify-content: space-between; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.08); color: #596485; font-size: .72rem; }

.toast { position: fixed; right: 24px; bottom: 24px; z-index: 1200; display: flex; align-items: center; gap: 10px; padding: 13px 17px; border: 1px solid rgba(32,212,155,.3); border-radius: 11px; background: #0b2c2c; color: #d5fff0; box-shadow: 0 18px 60px rgba(0,0,0,.3); font-size: .78rem; transform: translateY(120px); opacity: 0; transition: .35s; }.toast.show { transform: translateY(0); opacity: 1; }.toast i { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: var(--green); color: #063d2f; font-style: normal; font-weight: 900; }
.reveal { opacity: 1; transform: none; }.reveal.visible { opacity: 1; transform: none; }
@keyframes breathe { 50% { opacity: .45; transform: scale(.82); } }
@keyframes conflict { 70% { box-shadow: 0 0 0 8px rgba(255,62,92,0); } 100% { box-shadow: 0 0 0 0 rgba(255,62,92,0); } }

@media (max-width: 1100px) {
  .main-nav { gap: 18px; }
  .hero-grid { grid-template-columns: 1fr; }.hero { padding-top: 145px; }.hero-copy { max-width: 760px; }.hero-console { min-width: 0; transform: none; }.comparison-grid, .contact-grid { grid-template-columns: 1fr; }.comparison-copy, .contact-copy { max-width: 720px; }.integrations-grid { gap: 45px; }
  .problem-hero .hero-grid { grid-template-columns: 1fr; }.turn-image-frame { max-width: 880px; transform: none; }.problem-heading { grid-template-columns: 1fr; gap: 22px; }.problem-heading p { max-width: 760px; }.system-grid { grid-template-columns: repeat(3, 1fr); }.disruption-card { grid-column: span 2; }.domino-story { grid-template-columns: 1fr; gap: 24px; }.flow-stages { display: flex; overflow-x: auto; padding-bottom: 28px; scroll-snap-type: x proximity; }.flow-stage { flex: 0 0 235px; scroll-snap-align: start; }.stage-arrow { flex: 0 0 28px; }.turniq-flow { overflow: visible; }.solution-flow .container { overflow: hidden; }
}
@media (max-width: 860px) {
  .site-header { height: 68px; }.nav-wrap { width: min(100% - 28px, 1280px); }.menu-toggle { display: block; }.main-nav { position: absolute; top: 68px; left: 14px; right: 14px; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 12px; border: 1px solid rgba(255,255,255,.1); border-radius: 14px; background: rgba(6,16,56,.98); box-shadow: 0 18px 50px rgba(0,0,0,.35); }.main-nav.open { display: flex; }.main-nav a { padding: 12px; }.main-nav .nav-cta { margin-top: 7px; text-align: center; }
  .hero { min-height: 0; padding: 130px 0 82px; }.hero-grid { gap: 50px; }.hero h1 { font-size: clamp(3.15rem,13vw,5.3rem); }.hero-console { overflow: hidden; }.console-body { grid-template-columns: 1fr; }.recommendation-card { display: none; }
  .problem-hero h1 { font-size: clamp(3rem, 10.8vw, 4.8rem); }.turn-facts { justify-content: flex-start; flex-wrap: wrap; }.wing-lane { grid-template-columns: 155px 1fr; }.wing-label { padding: 18px; }.activity-track { overflow-x: auto; grid-template-columns: repeat(11, max-content); padding-left: 26px; }.activity-track div { width: 112px; }.activity-track > i { width: 14px; }.turn-core { left: 27px; width: 98px; height: 98px; }.system-grid { grid-template-columns: 1fr 1fr; }.disruption-card { grid-column: 1 / -1; }.flow-outcome { align-items: flex-start; flex-direction: column; }.guardrail-list { justify-content: flex-start; }.domino-flow { grid-template-columns: 1fr; }.domino-flow > b { transform: rotate(90deg); justify-self: center; height: 17px; }
  .lifecycle-grid { grid-template-columns: 1fr 1fr; }.life-stage:nth-child(2) { border-right: 0; }.life-stage:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.09); }
  .section { padding: 86px 0; }.module-grid, .outcome-grid { grid-template-columns: 1fr 1fr; }.outcome-grid article:nth-child(3n) { border-right: 1px solid rgba(255,255,255,.1); }.outcome-grid article:nth-child(2n) { border-right: 0; }.outcome-grid article:nth-child(n+4) { border-bottom: 1px solid rgba(255,255,255,.1); }.outcome-grid article:nth-child(n+5) { border-bottom: 0; }
  .screen-frame { min-height: 620px; }.demand-kpis { grid-template-columns: repeat(3,1fr); }.tower-grid { grid-template-columns: 1fr; }.resolution-box { display: block; }.turn-board { min-height: 360px; }.control-screen { min-width: 780px; }.tab-panel:has(.control-screen) { overflow-x: auto; }
  .comparison-grid { gap: 45px; }.compare-row { grid-template-columns: .75fr 1fr 1.15fr; }.integrations-grid { grid-template-columns: 1fr; }.contact-grid { gap: 45px; }.footer-main { grid-template-columns: 2fr 1fr 1fr; }.footer-main > div:last-child { grid-column: 2; }
}
@media (max-width: 620px) {
  .container { width: min(100% - 28px, var(--container)); }.brand img { width: 38px; height: 38px; }.hero-actions { flex-direction: column; align-items: stretch; }.hero-proof { flex-wrap: wrap; gap: 18px 0; }.hero-proof div { width: 50%; }.hero-proof div:nth-child(3) { padding-left: 0; border-left: 0; }.hero-console { margin-left: -7px; width: calc(100% + 14px); }.kpi-strip strong { font-size: 1.1rem; }.console-body { min-height: 250px; }.timeline-panel { padding: 12px; }.flight-row > span { min-width: 72px; }.lifecycle-grid { grid-template-columns: 1fr; }.life-stage { min-height: 82px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.09); }.life-stage:last-child { border-bottom: 0; }
  .problem-hero { padding-top: 118px; }.turn-image-frame { padding: 5px; border-radius: 17px; }.turn-image-frame img, .turn-image-shade { border-radius: 12px; }.turn-image-shade { inset: 5px; }.turn-clock { left: 18px; right: 18px; bottom: 18px; }.turn-clock span { display: none; }.turn-clock strong { margin-left: auto; font-size: .58rem; }.turn-facts { gap: 10px 18px; font-size: .62rem; }.turn-problem { padding-top: 82px; }.wing-map { border-radius: 18px; }.wing-lane { grid-template-columns: 1fr; }.wing-label { min-height: 85px; }.activity-track { padding: 28px 17px 20px; }.turn-core { display: none; }.system-grid { grid-template-columns: 1fr; }.disruption-card { grid-column: auto; }.system-card { min-height: 0; }.domino-story { padding: 22px; }.flow-outcome { padding: 18px; }.flow-stages { padding: 22px 16px; }.feedback-lane { padding: 0 16px 18px; }.feedback-line span { font-size: .52rem; }.copilot-bar { align-items: flex-start; }
  .section-heading h2, .comparison-copy h2, .contact-copy h2, .integration-copy h2 { font-size: 2.35rem; }.product-tabs { padding: 0; overflow-x: auto; }.product-tabs button { min-width: 145px; padding: 13px 12px; }.screen-frame { border-width: 5px; border-radius: 18px; min-height: 590px; }.tab-panel { padding-left: 43px; }.screen-sidebar { width: 43px; }.screen-content { min-width: 720px; padding: 17px; }.tab-panel { overflow-x: auto; }.demand-kpis { grid-template-columns: repeat(3, 1fr); }.chart-card { min-height: 360px; }.screen-caption { text-align: left; }
  .module-grid, .outcome-grid { grid-template-columns: 1fr; }.module-card { min-height: 0; }.outcome-grid article, .outcome-grid article:nth-child(3n), .outcome-grid article:nth-child(2n), .outcome-grid article:nth-child(n+4) { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }.outcome-grid article:last-child { border-bottom: 0; }
  .comparison-table { overflow-x: auto; }.compare-row { min-width: 690px; }.integration-list { grid-template-columns: 1fr 1fr; }.field-row { grid-template-columns: 1fr; gap: 0; }.demo-form { padding: 20px; }.footer-main { grid-template-columns: 1fr 1fr; gap: 36px 22px; }.footer-brand { grid-column: 1 / -1; }.footer-main > div:last-child { grid-column: auto; }.footer-bottom { flex-direction: column; gap: 5px; }
}

/* TurnIQBot cinematic demo and embedded shift design */
.main-nav { gap: 24px; }.main-nav a { white-space: nowrap; }
.turniqbot-section { background: radial-gradient(circle at 12% 18%,rgba(47,100,255,.27),transparent 28%),radial-gradient(circle at 88% 78%,rgba(119,86,255,.22),transparent 30%),linear-gradient(155deg,#020617,#07133f 52%,#120943); }
.bot-demo-shell { display: grid; grid-template-columns: 260px minmax(0,1fr); min-height: 780px; overflow: hidden; border: 1px solid rgba(159,180,255,.2); border-radius: 30px; background: #f7f9fe; box-shadow: 0 42px 120px rgba(0,0,0,.46),0 0 0 1px rgba(95,119,255,.06) inset; }
.bot-demo-rail { display: flex; flex-direction: column; padding: 24px 17px 19px; background: radial-gradient(circle at 0 0,rgba(81,116,255,.35),transparent 34%),linear-gradient(175deg,#112968,#0b1a50 52%,#090d35); }
.bot-demo-rail .bot-rail-brand { padding: 0 5px 20px; }
.bot-demo-rail .bot-role-switch { margin: 18px 3px 25px; }
.bot-demo-rail .bot-thread-label { padding: 0 6px 9px; }
.bot-demo-rail .bot-thread { min-width: 0; }
.bot-demo-controls { display: grid; grid-template-columns: 39px 1fr; gap: 10px; align-items: center; margin-top: auto; padding: 15px 5px 2px; border-top: 1px solid rgba(255,255,255,.1); }
.bot-demo-controls > button { display: grid; place-items: center; width: 39px; height: 39px; border: 1px solid rgba(255,255,255,.15); border-radius: 12px; color: white; background: rgba(255,255,255,.07); cursor: pointer; }
.bot-demo-controls > div > span { display: block; margin-bottom: 7px; color: #9fb0dc; font-size: .69rem; font-weight: 800; letter-spacing: .08em; }
.bot-demo-progress { height: 4px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.1); }.bot-demo-progress i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,#4d7bff,#22ddb0); }.bot-demo-progress i.running { animation: botDemoProgress 6.4s linear forwards; }
.bot-demo-main { position: relative; min-width: 0; overflow: hidden; color: var(--ink); background: linear-gradient(180deg,#fbfcff,#f3f6fd); }
.bot-demo-main .bot-topbar { position: relative; z-index: 2; min-height: 76px; padding: 14px 22px; box-shadow: 0 1px 0 rgba(39,58,112,.05); }
.bot-topbar-title,.bot-topbar-status { display: flex!important; align-items: center; gap: 11px; }.bot-topbar-status { justify-content: flex-end; }
.bot-video-chip { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; border: 1px solid #d9e2ff; border-radius: 999px; color: #3c5fb5; background: #f3f6ff; font-size: .7rem; font-weight: 850; letter-spacing: .07em; }.bot-video-chip i { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 4px rgba(47,100,255,.1); animation: breathe 1.7s infinite; }
.bot-demo-main .bot-conversation { min-height: 583px; padding: 22px 24px 14px; }
.bot-demo-main .chat-user { display: flex; align-items: flex-end; justify-content: flex-end; gap: 10px; width: 100%; margin: 0 0 17px; }
.bot-demo-main .chat-user > .user-question-bubble { width: auto; min-width: 310px; max-width: min(76%,720px); padding: 13px 17px 14px; border: 1px solid #d7e1fb; border-radius: 18px 18px 5px 18px; background: linear-gradient(135deg,#eef3ff,#e8efff); box-shadow: 0 9px 25px rgba(45,79,166,.07); justify-self: auto; }
.user-question-bubble small { display: block; color: #506db5; font-size: .72rem; font-weight: 850; letter-spacing: .075em; line-height: 1.3; }.user-question-bubble p { display: inline; margin: 3px 0 0; color: #132653; font-size: .98rem; line-height: 1.5; overflow-wrap: normal; word-break: normal; white-space: normal; }
.typing-caret { display: none; width: 2px; height: 1.05em; margin-left: 2px; vertical-align: -.14em; background: var(--blue); animation: caretBlink .72s steps(1) infinite; }.bot-demo-shell.is-typing .typing-caret { display: inline-block; }
.bot-demo-main .chat-avatar { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 13px; }.bot-demo-main .user-avatar { display: grid; background: linear-gradient(135deg,#21479e,#6d55de); }
.bot-demo-main .chat-assistant { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 11px; align-items: start; margin: 0; }
.bot-demo-main .bot-answer { min-width: 0; }
.bot-demo-main .answer-meta { min-height: 33px; }.bot-demo-main .answer-meta span { color: #304f9e; }.bot-demo-main .answer-meta small { white-space: normal; text-align: right; }
.bot-thinking { display: none; align-items: center; gap: 5px; min-height: 56px; color: #7080a7; font-size: .8rem; }.bot-thinking span { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); animation: botThinking 1s ease-in-out infinite; }.bot-thinking span:nth-child(2) { animation-delay: .15s; }.bot-thinking span:nth-child(3) { animation-delay: .3s; }.bot-thinking b { margin-left: 7px; font-weight: 650; }
.bot-answer.waiting .bot-thinking { display: flex; }.bot-answer.waiting .bot-answer-content { opacity: 0; transform: translateY(8px); pointer-events: none; }.bot-answer-content { opacity: 1; transform: none; transition: opacity .38s ease,transform .38s ease; }
.bot-demo-main .answer-summary { max-width: none; margin-bottom: 11px; font-size: .93rem; line-height: 1.5; }
.bot-demo-main .bot-stat-grid { gap: 8px; margin-bottom: 9px; }.bot-demo-main .bot-stat { padding: 10px 12px; border-radius: 11px; background: linear-gradient(180deg,#fff,#fbfcff); }.bot-demo-main .bot-stat span { font-size: .7rem; }.bot-demo-main .bot-stat strong { margin: 2px 0; font-size: 1.25rem; }.bot-demo-main .bot-stat small { font-size: .68rem; }
.bot-demo-main .bot-analysis-card { padding: 13px 15px 4px; border-color: #dce4f2; border-radius: 14px; box-shadow: 0 10px 28px rgba(27,48,108,.055); }.bot-demo-main .bot-chart-head { padding-bottom: 0; }.bot-demo-main .bot-chart { height: 218px; }
.bot-demo-main .bot-insight { margin-top: 9px; padding: 11px 13px; }.bot-demo-main .bot-insight p { font-size: .76rem; }
.bot-demo-main .bot-answer-actions { padding-top: 9px; }.bot-demo-main .bot-answer-actions > span { display: flex; align-items: center; gap: 7px; }.bot-demo-main .bot-answer-actions > span i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }.bot-demo-main .bot-answer-actions > button { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 8px 12px; border: 0; border-radius: 10px; color: white; background: linear-gradient(135deg,#2f64ff,#7756ff); font-family: inherit; font-size: .76rem; font-weight: 780; cursor: pointer; box-shadow: 0 9px 20px rgba(56,78,211,.18); }.bot-demo-main .bot-answer-actions > button span { color: #dce5ff; }
.bot-demo-main .bot-prompt-area { margin: 0 24px 20px 75px; padding-top: 11px; }.bot-demo-main .bot-suggestions { margin-bottom: 7px; }.bot-demo-main .bot-input { border-color: #cdd8ed; box-shadow: 0 9px 25px rgba(34,55,118,.08); }
.bot-report-viewer { position: absolute; z-index: 10; inset: 0; color: var(--ink); background: linear-gradient(150deg,#f5f8ff,#fff); animation: reportSlide .35s cubic-bezier(.2,.8,.3,1) both; }.bot-report-viewer[hidden] { display: none; }
.report-viewer-head { display: flex; align-items: center; justify-content: space-between; min-height: 76px; padding: 13px 22px; border-bottom: 1px solid #dfe5f1; background: white; }.report-viewer-head > div { display: flex; align-items: center; gap: 11px; }.report-viewer-head img { width: 42px; height: 42px; border-radius: 12px; }.report-viewer-head span,.report-viewer-head small,.report-viewer-head strong { display: block; }.report-viewer-head small { color: #526eb6; font-size: .68rem; font-weight: 850; letter-spacing: .08em; }.report-viewer-head strong { font-size: .94rem; }.report-viewer-head button { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #dce2ef; border-radius: 11px; color: #687695; background: #f8f9fc; font-size: 1.35rem; cursor: pointer; }
.report-viewer-body { padding: 25px; }.report-viewer-title > span { color: #5c77bd; font-size: .7rem; font-weight: 850; letter-spacing: .09em; }.report-viewer-title h3 { margin: 5px 0 4px; font-size: 1.7rem; }.report-viewer-title p { max-width: 830px; margin: 0; color: #65718f; font-size: .86rem; }.report-viewer-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 20px 0 14px; }.report-viewer-metrics .bot-stat { box-shadow: 0 8px 22px rgba(32,54,117,.06); }.report-viewer-table { overflow: hidden; border: 1px solid #dfe5f0; border-radius: 14px; background: white; }.report-viewer-table .bot-table { font-size: .82rem; }.report-viewer-table .bot-table th,.report-viewer-table .bot-table td { padding: 11px 14px; }.report-viewer-note { display: grid; grid-template-columns: 39px 1fr; gap: 11px; margin-top: 13px; padding: 14px; border: 1px solid #d9e1ff; border-radius: 13px; background: #f3f6ff; }.report-viewer-note > span { display: grid; place-items: center; width: 39px; height: 39px; border-radius: 11px; color: white; background: linear-gradient(135deg,var(--blue),var(--violet)); }.report-viewer-note p { margin: 0; }.report-viewer-note small,.report-viewer-note strong { display: block; }.report-viewer-note small { color: #6177ad; font-size: .68rem; font-weight: 850; letter-spacing: .08em; }.report-viewer-note strong { margin-top: 3px; color: #26386f; font-size: .9rem; }

.product-tabs { gap: 5px; }.product-tabs button { min-width: 174px; }
.shift-screen { padding: 21px 22px 24px; background: linear-gradient(155deg,#f8faff,#eef3ff); }
.shift-screen-title { align-items: center; margin-bottom: 14px; }.shift-screen-title .pattern-switcher { border-color: #dbe3f1; background: white; box-shadow: 0 8px 23px rgba(31,53,114,.06); }.shift-screen-title .pattern-switcher button { color: #6e7b9b; }.shift-screen-title .pattern-switcher button.active { color: white; }
.embedded-shift-grid { display: grid; grid-template-columns: minmax(0,1fr) 255px; overflow: hidden; border: 1px solid #dbe3f1; border-radius: 17px; background: white; box-shadow: 0 16px 45px rgba(28,48,106,.09); }
.embedded-shift-grid .shift-chart-panel { padding: 15px 17px 17px; }.embedded-shift-grid .shift-demand-chart { height: 300px; }.embedded-shift-grid .task-legend { font-size: .68rem; }.embedded-shift-grid .five-minute-note { margin-bottom: 13px; }.embedded-shift-grid .shift-pattern-track { padding-top: 10px; padding-bottom: 7px; }
.embedded-shift-grid .shift-result-panel { color: white; border-left: 1px solid rgba(255,255,255,.1); background: radial-gradient(circle at 100% 0,rgba(119,86,255,.34),transparent 38%),linear-gradient(165deg,#0b1b51,#111047); }.embedded-shift-grid .shift-result-panel h3 { margin-top: 24px; }.embedded-shift-grid .shift-result-panel button { min-height: 40px; border: 0; border-radius: 9px; color: white; background: linear-gradient(135deg,var(--blue),var(--violet)); font-family: inherit; font-weight: 760; cursor: pointer; }

@keyframes botDemoProgress { from { width: 0; } to { width: 100%; } }
@keyframes caretBlink { 50% { opacity: 0; } }
@keyframes botThinking { 0%,100% { transform: translateY(0); opacity: .35; } 50% { transform: translateY(-4px); opacity: 1; } }
@keyframes reportSlide { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: none; } }

@media (max-width: 1050px) {
  .bot-demo-shell { grid-template-columns: 225px minmax(0,1fr); }.bot-demo-rail { padding-left: 12px; padding-right: 12px; }.bot-demo-main .bot-conversation { padding-left: 17px; padding-right: 17px; }.bot-demo-main .bot-prompt-area { margin-left: 68px; margin-right: 17px; }
  .embedded-shift-grid { grid-template-columns: minmax(0,1fr) 225px; }.embedded-shift-grid .shift-result-panel { padding: 18px; }
  .product-tabs button { min-width: 155px; padding-left: 15px; padding-right: 15px; }
}

@media (max-width: 860px) {
  .bot-demo-shell { grid-template-columns: 1fr; }.bot-demo-rail { display: grid; grid-template-columns: 1fr auto; gap: 13px; }.bot-demo-rail .bot-rail-brand { padding-bottom: 0; border-bottom: 0; }.bot-demo-rail .bot-role-switch { min-width: 215px; margin: 0; }.bot-demo-rail .bot-thread-label { grid-column: 1 / -1; padding-bottom: 0; }.bot-demo-rail .bot-thread-list { grid-column: 1 / -1; grid-template-columns: repeat(3,1fr); }.bot-demo-controls { grid-column: 1 / -1; margin-top: 0; }
  .embedded-shift-grid { grid-template-columns: 1fr; }.embedded-shift-grid .shift-result-panel { border-left: 0; border-top: 1px solid rgba(255,255,255,.1); }.shift-screen { min-width: 780px; }
}

@media (max-width: 620px) {
  .bot-demo-shell { border-radius: 21px; }.bot-demo-rail { grid-template-columns: 1fr; padding: 17px 13px; }.bot-demo-rail .bot-role-switch { min-width: 0; }.bot-demo-rail .bot-thread-label { margin-top: 3px; }.bot-demo-rail .bot-thread-list { display: flex; overflow-x: auto; }.bot-demo-rail .bot-thread { flex: 0 0 215px; }.bot-topbar-status .bot-ready { display: none; }.bot-video-chip { font-size: .64rem; }.bot-demo-main .bot-topbar { padding: 12px 13px; }.bot-demo-main .bot-conversation { padding: 16px 11px 11px; }.bot-demo-main .chat-user > .user-question-bubble { min-width: 0; max-width: calc(100% - 44px); }.bot-demo-main .chat-assistant { grid-template-columns: 31px minmax(0,1fr); gap: 7px; }.bot-demo-main .chat-avatar { width: 31px; height: 31px; border-radius: 9px; }.bot-demo-main .answer-meta { flex-direction: column; align-items: flex-start; gap: 0; }.bot-demo-main .answer-meta small { text-align: left; }.bot-demo-main .bot-stat-grid { grid-template-columns: 1fr; }.bot-demo-main .bot-analysis-card { overflow-x: auto; }.bot-demo-main .bot-chart,.bot-demo-main .bot-chart-head { min-width: 610px; }.bot-demo-main .bot-answer-actions { align-items: flex-start; flex-direction: column; }.bot-demo-main .bot-prompt-area { margin: 0 11px 16px 49px; }.bot-demo-main .bot-suggestions { flex-wrap: nowrap; overflow-x: auto; }.bot-demo-main .bot-suggestions button { flex: 0 0 auto; }.report-viewer-body { padding: 16px; overflow-y: auto; max-height: calc(100% - 68px); }.report-viewer-metrics { grid-template-columns: 1fr; }.report-viewer-table { overflow-x: auto; }.report-viewer-table .bot-table { min-width: 580px; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }.reveal { opacity: 1; transform: none; } }

/* Polished card and navigation language inspired by the reference site */
.site-header { inset: 16px auto auto 50%; width: min(1280px, calc(100% - 32px)); height: 68px; transform: translateX(-50%); border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: rgba(3,7,29,.78); box-shadow: 0 16px 48px rgba(0,0,0,.22); }
.nav-wrap { width: 100%; padding: 0 15px 0 12px; }
.system-card, .module-card, .integration-list span { border-radius: 24px; }
.system-card { background: linear-gradient(145deg, #fff, #fbfcff); box-shadow: 0 16px 45px rgba(29,48,111,.07); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; }
.system-card:hover { transform: translateY(-5px); border-color: #bdcaf0; box-shadow: 0 24px 54px rgba(29,48,111,.12); }
.screen-frame { border-radius: 30px; box-shadow: 0 34px 90px rgba(21,37,101,.16); }
.compare-head .tq-col img { width: 27px; height: 27px; margin-right: 8px; border-radius: 7px; object-fit: cover; box-shadow: 0 0 15px rgba(255,255,255,.18); }
.outcome-grid { gap: 14px; border: 0; border-radius: 0; overflow: visible; }
.outcome-grid article, .outcome-grid article:nth-child(3n), .outcome-grid article:nth-child(n+4) { border: 1px solid rgba(255,255,255,.1); border-radius: 24px; background: linear-gradient(145deg, rgba(255,255,255,.075), rgba(255,255,255,.025)); }

@media (max-width: 1050px) {
  .problem-hero { min-height: 0; }
  .live-turn-layout { grid-template-columns: .62fr 1.2fr; }
  .hero-ai-recommendation { grid-column: 1 / -1; }
  .hero-ai-recommendation > p { min-height: 0; }
}

@media (max-width: 860px) {
  .site-header { top: 10px; height: 62px; border-radius: 20px; }
  .main-nav { top: 70px; }
  .problem-hero { padding: 126px 0 78px; }
  .problem-hero h1 { font-size: clamp(3.7rem, 12vw, 5.6rem); }
  .hero-story .hero-copy { margin-bottom: 45px; }
  .live-turn-topbar { grid-template-columns: 1fr auto; }
  .live-flight { display: none; }
  .live-turn-layout { grid-template-columns: 1fr; }
  .hero-ai-recommendation { grid-column: auto; }
  .turn-gauge-wrap { grid-template-columns: 1fr 1fr; }
  .chart-insight { grid-template-columns: 90px 1fr; }
  .chart-insight button { grid-column: 1 / -1; }
  .chart-card { padding-bottom: 112px; }
}

@media (max-width: 620px) {
  .problem-hero h1 { font-size: clamp(3.1rem, 15vw, 4.7rem); line-height: .92; }
  .problem-hero h1 > span { margin-top: 10px; }
  .hero-story .hero-lead { font-size: 1rem; }
  .hero-story .hero-proof div { min-width: 50%; }
  .live-turn-card { border-radius: 22px; }
  .live-turn-topbar { min-height: 66px; padding: 11px 14px; }
  .live-turn-brand img { width: 36px; height: 36px; }
  .live-turn-layout { padding: 11px; }
  .turn-gauge-wrap, .hero-task-stream, .hero-ai-recommendation { border-radius: 16px; }
  .recommendation-flow { gap: 4px; }
  .recommendation-flow > div { padding: 7px 5px; }
  .chart-head { align-items: flex-start; flex-direction: column; gap: 7px; }
  .chart-insight { grid-template-columns: 72px 1fr; }
}

/* Aircraft turn story */
.flight-turn-hero { position: relative; overflow: hidden; border: 1px solid rgba(151,170,255,.22); border-radius: 30px; background: #07102f; box-shadow: 0 50px 120px rgba(0,0,0,.5), 0 0 100px rgba(55,79,255,.16); }
.aircraft-stage { position: relative; aspect-ratio: 16 / 9; min-height: 600px; overflow: hidden; }
.aircraft-stage > img { width: 100%; height: 100%; object-fit: cover; }
.aircraft-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(2,6,24,.08) 25%, rgba(2,6,24,.18) 52%, rgba(2,6,24,.92) 100%), linear-gradient(90deg, rgba(2,6,24,.42), transparent 34%, transparent 72%, rgba(2,6,24,.15)); pointer-events: none; }
.wing-band { position: absolute; z-index: 2; display: flex; align-items: center; gap: 10px; padding: 8px 12px; border: 1px solid rgba(255,255,255,.2); border-radius: 999px; color: white; background: rgba(4,10,38,.72); backdrop-filter: blur(14px); }
.wing-band span { color: #8eb5ff; font-size: .7rem; font-weight: 850; letter-spacing: .1em; }
.wing-band b { font-size: .76rem; font-weight: 600; }
.above-band { left: 24px; top: 24px; }
.below-band { right: 24px; top: 24px; }
.below-band span { color: #bda9ff; }
.operation-hotspot { position: absolute; z-index: 3; display: grid; min-width: 138px; gap: 1px; padding: 9px 12px 9px 28px; border: 1px solid rgba(255,255,255,.23); border-radius: 12px; color: white; background: rgba(4,10,38,.8); box-shadow: 0 12px 32px rgba(0,0,0,.25); text-align: left; cursor: pointer; backdrop-filter: blur(13px); transition: transform .22s ease, border-color .22s ease, background .22s ease; }
.operation-hotspot:hover, .operation-hotspot.active { transform: translateY(-3px); border-color: #7ba4ff; background: rgba(18,34,90,.94); }
.operation-hotspot > i { position: absolute; left: 11px; top: 13px; width: 9px; height: 9px; border: 2px solid white; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 0 rgba(32,212,155,.55); animation: operationPulse 1.8s infinite; }
.operation-hotspot span { font-size: .75rem; font-weight: 760; }
.operation-hotspot small { color: #9eabd0; font-size: .67rem; }
.hotspot-cabin > i { background: var(--red); animation-name: conflict; }
.hotspot-boarding { right: 3.5%; top: 24%; }
.hotspot-cabin { left: 57%; top: 27%; }
.hotspot-catering { left: 66%; top: 12%; }
.hotspot-baggage { left: 46%; top: 57%; }
.hotspot-ramp { left: 18%; top: 55%; }
.hotspot-pushback { right: 8%; top: 61%; }
.turn-story-card { position: absolute; z-index: 4; left: 24px; bottom: 106px; width: min(390px, calc(100% - 48px)); padding: 18px; border: 1px solid rgba(144,163,255,.25); border-radius: 18px; color: white; background: rgba(7,14,48,.88); box-shadow: 0 20px 55px rgba(0,0,0,.28); backdrop-filter: blur(18px); }
.turn-story-head { display: flex; align-items: center; justify-content: space-between; color: #cdd7fa; font-size: .72rem; font-weight: 780; text-transform: uppercase; letter-spacing: .07em; }
.turn-story-head span { display: flex; align-items: center; gap: 8px; }
.turn-story-head i { display: grid; place-items: center; width: 27px; height: 27px; border-radius: 8px; background: linear-gradient(135deg, var(--blue), var(--violet)); font-style: normal; }
.turn-story-head small { color: #7e8eb9; }
.turn-story-card h2 { margin: 16px 0 7px; font-size: 1.35rem; line-height: 1.2; }
.turn-story-card > p { min-height: 46px; margin: 0 0 14px; color: #afbadb; font-size: .82rem; line-height: 1.5; }
.turn-story-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 7px; }
.turn-story-metrics > span { padding: 9px; border-radius: 10px; background: rgba(255,255,255,.055); }
.turn-story-metrics small, .turn-story-metrics b { display: block; }
.turn-story-metrics small { color: #7e8db7; font-size: .65rem; }
.turn-story-metrics b { color: #eaf0ff; font-size: .77rem; }
.turn-phase-nav { position: absolute; z-index: 4; left: 24px; right: 24px; bottom: 20px; display: grid; grid-template-columns: repeat(4,1fr); padding: 6px; border: 1px solid rgba(255,255,255,.14); border-radius: 16px; background: rgba(3,8,31,.82); backdrop-filter: blur(16px); }
.turn-phase-nav button { position: relative; display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 10px; padding: 11px 13px; border: 0; border-radius: 11px; color: #8897bf; background: transparent; text-align: left; cursor: pointer; }
.turn-phase-nav button::after { content: ""; position: absolute; left: 100%; top: 50%; width: 1px; height: 24px; background: rgba(255,255,255,.09); transform: translateY(-50%); }
.turn-phase-nav button:last-child::after { display: none; }
.turn-phase-nav button.active { color: white; background: linear-gradient(135deg, rgba(47,100,255,.32), rgba(119,86,255,.25)); }
.turn-phase-nav span { grid-row: 1 / 3; align-self: center; display: grid; place-items: center; width: 29px; height: 29px; border-radius: 9px; color: #9fb9ff; background: rgba(61,124,255,.14); font-size: .68rem; font-weight: 850; }
.turn-phase-nav b { font-size: .8rem; }
.turn-phase-nav small { font-size: .66rem; }
@keyframes operationPulse { 70% { box-shadow: 0 0 0 10px rgba(32,212,155,0); } 100% { box-shadow: 0 0 0 0 rgba(32,212,155,0); } }

/* Role based product experience */
.persona-section { background: radial-gradient(circle at 8% 8%, rgba(47,100,255,.1), transparent 28%), #f7f9ff; }
.persona-intro, .shift-heading { display: grid; grid-template-columns: 1fr .78fr; gap: 80px; align-items: end; margin-bottom: 42px; }
.persona-intro h2, .shift-heading h2 { max-width: 720px; margin: 12px 0 0; font-size: clamp(2.55rem,4.5vw,4.35rem); line-height: 1.02; letter-spacing: -.055em; }
.persona-intro > p, .shift-heading > p { margin: 0 0 7px; color: var(--muted); font-size: 1.06rem; }
.persona-switcher { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-bottom: 14px; }
.persona-button { display: grid; grid-template-columns: 42px 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding: 17px 19px; border: 1px solid #dce3f3; border-radius: 17px; color: #667396; background: white; text-align: left; cursor: pointer; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.persona-button:hover { transform: translateY(-3px); border-color: #afc0ee; }
.persona-button.active { border-color: #7897f6; color: var(--ink); box-shadow: 0 15px 40px rgba(35,61,147,.12); }
.persona-button > span { grid-row: 1 / 3; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; color: white; background: linear-gradient(135deg, var(--blue), var(--violet)); font-size: .72rem; font-weight: 850; }
.persona-button b { font-size: .96rem; }
.persona-button small { font-size: .78rem; }
.persona-workspace { display: grid; grid-template-columns: 300px 1fr; min-height: 650px; overflow: hidden; border: 1px solid #dbe2f1; border-radius: 26px; background: white; box-shadow: 0 30px 90px rgba(25,45,113,.12); }
.persona-brief { padding: 32px; color: white; background: radial-gradient(circle at 0 0, rgba(75,118,255,.35), transparent 32%), linear-gradient(165deg,#07143f,#111c59 58%,#251274); }
.persona-avatar { display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 28px; border: 1px solid rgba(255,255,255,.18); border-radius: 18px; background: rgba(255,255,255,.11); font-size: .92rem; font-weight: 850; }
.persona-brief > span { color: #8eb0ff; font-size: .72rem; font-weight: 850; letter-spacing: .1em; }
.persona-brief h3 { margin: 15px 0 12px; font-size: 1.6rem; line-height: 1.18; }
.persona-brief > p { color: #aeb9da; font-size: .92rem; }
.persona-responsibilities { display: grid; gap: 8px; margin-top: 29px; }
.persona-responsibilities span { position: relative; padding: 10px 11px 10px 29px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: rgba(255,255,255,.045); color: #cbd4ee; font-size: .78rem; }
.persona-responsibilities span::before { content: "✓"; position: absolute; left: 10px; color: #6fe6be; font-weight: 850; }
.persona-view { padding: 29px; background: #fbfcff; }
.persona-view[hidden] { display: none; }
.workspace-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 18px; }
.workspace-head small { color: #7785a9; font-size: .72rem; font-weight: 850; letter-spacing: .09em; }
.workspace-head h3 { margin: 3px 0 0; font-size: 1.45rem; }
.workspace-date, .live-chip { padding: 7px 11px; border: 1px solid #dfe5f2; border-radius: 999px; color: #687597; background: white; font-size: .76rem; }
.planner-score-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin-bottom: 13px; }
.planner-score-row > div { padding: 15px; border: 1px solid #e1e6f2; border-radius: 13px; background: white; }
.planner-score-row span, .planner-score-row small { display: block; color: #7b87a5; font-size: .72rem; }
.planner-score-row strong { display: block; font-size: 1.55rem; line-height: 1.25; }
.planner-score-row small { color: #18906b; }
.approval-list { display: grid; gap: 10px; }
.approval-item { display: grid; grid-template-columns: 114px 1fr 138px 125px; gap: 14px; align-items: center; padding: 15px; border: 1px solid #e2e6f0; border-radius: 14px; background: white; }
.approval-item.priority { border-color: #cbd7ff; box-shadow: 0 9px 25px rgba(47,100,255,.07); }
.approval-status { color: #2e69db; font-size: .68rem; font-weight: 850; letter-spacing: .04em; }
.approval-status i { display: inline-block; width: 7px; height: 7px; margin-right: 5px; border-radius: 50%; background: var(--blue); }
.approval-status.swap { color: #7250d1; }.approval-status.swap i { background: var(--violet); }
.approval-status.overtime { color: #bd5d22; }.approval-status.overtime i { background: var(--orange); }
.approval-item h4 { margin: 0 0 4px; font-size: .95rem; }
.approval-item p { margin: 0; color: #697596; font-size: .78rem; line-height: 1.45; }
.approval-impact { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; }
.approval-impact span { padding: 7px; border-radius: 8px; background: #f5f7fc; color: #7c87a5; font-size: .66rem; }
.approval-impact b { display: block; color: #31416d; font-size: .74rem; }
.approval-item button, .dispatch-action button, .shift-result-panel button { padding: 10px 12px; border: 0; border-radius: 9px; color: white; background: linear-gradient(135deg,var(--blue),var(--violet)); font-size: .75rem; font-weight: 760; cursor: pointer; }
.approval-item.approved { border-color: #bcebdc; background: #f7fffb; }
.approval-item.approved button { background: #188a66; }
.people-swap { display: flex; align-items: center; justify-content: center; gap: 7px; }
.people-swap span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; background: #e9edff; color: #3b55aa; font-size: .63rem; font-weight: 800; }
.people-swap i { color: #7c88a8; font-style: normal; }
.dispatch-layout { display: grid; grid-template-columns: 1.5fr .65fr; gap: 14px; }
.dispatch-board { overflow: hidden; border: 1px solid #e0e5f1; border-radius: 14px; background: white; }
.dispatch-row { display: grid; grid-template-columns: .55fr 1.15fr 1fr 1fr .65fr; align-items: center; min-height: 72px; padding: 10px 14px; border-top: 1px solid #edf0f6; color: #5d6989; font-size: .78rem; }
.dispatch-row:first-child { border-top: 0; }
.dispatch-row > b { color: #26345f; }.dispatch-row > b small { display: block; color: #8c97b2; }
.dispatch-head { min-height: 42px; color: #8893ad; background: #f7f9fd; font-size: .68rem; font-weight: 780; text-transform: uppercase; }
.team-stack { display: flex; }
.team-stack i { display: grid; place-items: center; width: 29px; height: 29px; margin-left: -5px; border: 2px solid white; border-radius: 50%; color: #2d478f; background: #e7edff; font-style: normal; font-size: .58rem; font-weight: 800; }
.team-stack i:first-child { margin-left: 0; }
.dispatch-risk { color: #c53d57; font-weight: 760; }.dispatch-good { color: #188a66; font-weight: 760; }.dispatch-wait { color: #a46625; font-weight: 760; }
.dispatch-action { align-self: stretch; padding: 20px; border: 1px solid #ffd2dc; border-radius: 14px; background: white; box-shadow: 0 12px 30px rgba(124,35,57,.07); }
.dispatch-alert { display: flex; align-items: center; gap: 7px; color: var(--red); font-size: .7rem; font-weight: 850; text-transform: uppercase; }
.dispatch-alert i { width: 8px; height: 8px; border-radius: 50%; background: var(--red); animation: conflict 1.4s infinite; }
.dispatch-action h4 { margin: 20px 0 8px; font-size: 1.08rem; }
.dispatch-action p { color: #6c7897; font-size: .8rem; }
.dispatch-route { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 7px; margin: 21px 0; }
.dispatch-route > span { padding: 10px; border-radius: 10px; background: #f2f5ff; color: #2f4d9d; font-weight: 800; text-align: center; }
.dispatch-route small { display: block; color: #7d89aa; font-weight: 500; }
.dispatch-route > i { color: #6578b1; font-style: normal; }
.live-chip { display: flex; align-items: center; gap: 7px; color: #188a66; }
.live-chip i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); animation: breathe 1.6s infinite; }
.executive-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 11px; }
.executive-kpi { position: relative; min-height: 170px; padding: 18px; overflow: hidden; border: 1px solid #e0e5f1; border-radius: 16px; background: white; }
.executive-kpi > span, .executive-kpi > small { display: block; color: #7783a2; font-size: .75rem; }
.executive-kpi > strong { display: block; margin: 13px 0 7px; font-size: 2rem; line-height: 1; }
.kpi-trend { display: inline-block; padding: 4px 7px; border-radius: 6px; font-size: .68rem; font-weight: 760; }.kpi-trend.positive { color: #167e5f; background: #e9faf4; }
.primary-kpi { grid-column: span 2; color: white; border: 0; background: linear-gradient(135deg,#0b205f,#2f64ff 65%,#7756ff); }
.primary-kpi > span { color: #afc2f5; }.primary-kpi > strong { font-size: 2.65rem; }.primary-kpi .kpi-trend { color: #79efc9; background: rgba(32,212,155,.13); }
.sparkline { position: absolute; right: 15px; bottom: 13px; width: 48%; height: 56px; }.sparkline path { fill: none; stroke: #72e8ff; stroke-width: 3; stroke-linecap: round; }
.health-bar { height: 7px; margin: 18px 0 10px; overflow: hidden; border-radius: 999px; background: #e9edf6; }.health-bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--blue),var(--green)); }
.health-ring { position: absolute; right: 17px; bottom: 17px; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: conic-gradient(var(--violet) calc(var(--health) * 1%), #e9edf6 0); }
.health-ring::before { content: ""; position: absolute; inset: 7px; border-radius: inherit; background: white; }.health-ring b { position: relative; z-index: 1; color: #5e4da4; font-size: .62rem; }
.ground-delay { border-color: #cde6ff; background: #f7fbff; }
.risk-pills { display: flex; gap: 5px; margin: 16px 0 8px; }.risk-pills i { padding: 5px 7px; border-radius: 6px; color: #a83f52; background: #fff0f3; font-style: normal; font-size: .66rem; }

/* TurnIQBot conversational intelligence */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.turniqbot-section { color: white; background: radial-gradient(circle at 8% 15%, rgba(47,100,255,.22), transparent 27%), radial-gradient(circle at 92% 72%, rgba(119,86,255,.18), transparent 28%), #03071d; }
.turniqbot-section .kicker { color: #8fb0ff; }
.bot-intro { display: grid; grid-template-columns: 1fr .75fr; gap: 80px; align-items: end; margin-bottom: 42px; }
.bot-intro h2 { max-width: 820px; margin: 12px 0 0; font-size: clamp(2.55rem,4.5vw,4.35rem); line-height: 1.02; letter-spacing: -.055em; }
.bot-intro > p { margin: 0 0 7px; color: #a4b1d2; font-size: 1.06rem; }
.bot-workspace { display: grid; grid-template-columns: 278px minmax(0,1fr); min-height: 830px; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: 28px; background: #f8faff; box-shadow: 0 42px 110px rgba(0,0,0,.4); }
.bot-rail { display: flex; flex-direction: column; padding: 24px 18px 20px; background: radial-gradient(circle at 0 0,rgba(65,107,255,.3),transparent 31%), linear-gradient(168deg,#07143f,#111c59 58%,#251274); }
.bot-rail-brand { display: flex; align-items: center; gap: 11px; padding: 0 6px 22px; border-bottom: 1px solid rgba(255,255,255,.1); }
.bot-rail-brand img { width: 44px; height: 44px; border-radius: 12px; object-fit: cover; }
.bot-rail-brand strong, .bot-rail-brand span { display: block; }.bot-rail-brand strong { font-size: 1.05rem; }.bot-rail-brand span { display: flex; align-items: center; gap: 6px; color: #aab7da; font-size: .75rem; }.bot-rail-brand i, .bot-ready i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(32,212,155,.1); animation: operationPulse 2s infinite; }
.bot-role-switch { display: grid; grid-template-columns: 1fr 1fr; gap: 4px; margin: 18px 4px 24px; padding: 4px; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(255,255,255,.045); }
.bot-role-switch button { min-height: 38px; border: 0; border-radius: 8px; color: #8e9bc1; background: transparent; font-family: inherit; font-size: .82rem; font-weight: 700; cursor: pointer; }
.bot-role-switch button.active { color: white; background: linear-gradient(135deg,var(--blue),var(--violet)); box-shadow: 0 7px 20px rgba(47,100,255,.22); }
.bot-thread-label { display: flex; justify-content: space-between; padding: 0 7px 9px; color: #7f90bd; font-size: .72rem; font-weight: 800; letter-spacing: .08em; }.bot-thread-label small { color: #9db1e7; font-size: .72rem; letter-spacing: 0; }
.bot-thread-list { display: grid; gap: 7px; }
.bot-thread { display: grid; grid-template-columns: 37px 1fr; gap: 10px; align-items: center; width: 100%; padding: 12px; border: 1px solid transparent; border-radius: 13px; color: #b9c4e2; background: transparent; font-family: inherit; text-align: left; cursor: pointer; transition: background .2s ease,border-color .2s ease,transform .2s ease; }
.bot-thread:hover { transform: translateX(2px); background: rgba(255,255,255,.05); }
.bot-thread.active { color: white; border-color: rgba(120,151,246,.35); background: linear-gradient(135deg,rgba(47,100,255,.2),rgba(119,86,255,.14)); }
.bot-thread > span:last-child, .bot-thread b, .bot-thread small { display: block; }.bot-thread b { font-size: .84rem; }.bot-thread small { color: #8695bc; font-size: .72rem; line-height: 1.35; }.bot-thread.active small { color: #aab9e1; }
.thread-icon { display: grid!important; place-items: center; width: 37px; height: 37px; border-radius: 11px; color: #cbd8ff; background: rgba(61,124,255,.18); font-size: .7rem; font-weight: 850; }.thread-icon.fairness { color: #ffbdc9; background: rgba(255,62,92,.13); }.thread-icon.utilization { color: #87f0d0; background: rgba(32,212,155,.13); }
.bot-rail-foot { margin-top: auto; padding: 17px 7px 1px; border-top: 1px solid rgba(255,255,255,.09); }.bot-rail-foot span { color: #7f90bd; font-size: .7rem; font-weight: 800; letter-spacing: .08em; }.bot-rail-foot p { margin: 5px 0 0; color: #9aa8cd; font-size: .76rem; line-height: 1.45; }
.bot-main { min-width: 0; color: var(--ink); background: linear-gradient(180deg,#fbfcff,#f6f8fd); }
.bot-topbar { display: flex; align-items: center; justify-content: space-between; min-height: 77px; padding: 15px 25px; border-bottom: 1px solid #e2e7f1; background: rgba(255,255,255,.92); }
.bot-topbar > div { display: flex; align-items: center; gap: 11px; }.bot-topbar strong,.bot-topbar small { display: block; }.bot-topbar strong { font-size: .94rem; }.bot-topbar small { color: #7a86a5; font-size: .76rem; }
.bot-orbit { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; color: white; background: linear-gradient(135deg,var(--blue),var(--violet)); box-shadow: 0 8px 20px rgba(47,100,255,.22); }
.bot-ready { display: flex; align-items: center; gap: 8px; padding: 8px 11px; border: 1px solid #d7f1e7; border-radius: 999px; color: #197e61; background: #f4fff9; font-size: .78rem; font-weight: 750; }
.bot-conversation { padding: 24px 25px 15px; }
.chat-row { display: grid; grid-template-columns: 38px minmax(0,1fr); gap: 11px; align-items: flex-start; }.chat-user { margin-left: 9%; }.chat-user > div { justify-self: end; max-width: 72%; padding: 12px 15px; border-radius: 16px 16px 4px 16px; background: #eaf0ff; }.chat-user small { display: block; color: #5571b8; font-size: .7rem; font-weight: 800; letter-spacing: .06em; }.chat-user p { margin: 2px 0 0; font-size: .9rem; line-height: 1.45; }
.chat-avatar { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: white; background: linear-gradient(135deg,#233c87,#4d62aa); font-size: .69rem; font-weight: 850; }.chat-user .chat-avatar { grid-column: 2; grid-row: 1; justify-self: end; display: none; }
.chat-assistant { margin-top: 17px; }.bot-avatar { padding: 3px; background: linear-gradient(135deg,var(--blue),var(--violet)); }.bot-avatar img { width: 100%; height: 100%; border-radius: 9px; object-fit: cover; }
.bot-answer { min-width: 0; }
.answer-meta { display: flex; justify-content: space-between; align-items: center; gap: 15px; min-height: 38px; }.answer-meta span { color: #334e9a; font-size: .72rem; font-weight: 850; letter-spacing: .08em; }.answer-meta small { color: #8792ad; font-size: .72rem; }
.answer-summary { max-width: 800px; margin: 0 0 16px; color: #3e496b; font-size: 1rem; line-height: 1.58; }
.bot-stat-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-bottom: 11px; }
.bot-stat { padding: 13px 15px; border: 1px solid #e0e6f1; border-radius: 12px; background: white; }.bot-stat span,.bot-stat small,.bot-stat strong { display: block; }.bot-stat span { color: #7a86a5; font-size: .75rem; }.bot-stat strong { margin: 4px 0 2px; color: #14234d; font-size: 1.5rem; line-height: 1.05; }.bot-stat small { color: #188a66; font-size: .72rem; }.bot-stat small.watch { color: #bb5b24; }.bot-stat small.risk { color: #c83b55; }
.bot-analysis-card { overflow: hidden; padding: 17px 17px 10px; border: 1px solid #dde4f0; border-radius: 15px; background: white; }
.bot-chart-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; padding: 0 3px 8px; }.bot-chart-head small { color: #6f82b5; font-size: .7rem; font-weight: 850; letter-spacing: .08em; }.bot-chart-head h3 { margin: 2px 0 0; font-size: 1rem; }.chart-key { display: flex; align-items: center; gap: 7px; color: #6f7b99; font-size: .74rem; }.chart-key i { width: 11px; height: 11px; border-radius: 3px; background: linear-gradient(135deg,var(--blue),var(--violet)); }
.bot-chart { display: block; width: 100%; height: 280px; overflow: visible; }.bot-chart .grid { stroke: #e9edf5; stroke-width: 1; }.bot-chart .axis-label { fill: #8792ad; font-family: Aptos,Calibri,sans-serif; font-size: 11px; }.bot-chart .value-label { fill: #334469; font-family: Aptos,Calibri,sans-serif; font-size: 11px; font-weight: 750; }.bot-chart .bar { fill: url(#botBarGradient); transform-box: fill-box; transform-origin: center bottom; animation: botBarRise .48s cubic-bezier(.2,.8,.3,1) both; }.bot-chart .bar.outlier { fill: #ff3e5c; }.bot-chart .target-band { fill: rgba(32,212,155,.09); animation: botFade .5s ease both; }.bot-chart .target-line { stroke: #20a57e; stroke-width: 1.5; stroke-dasharray: 5 5; }.bot-chart .trend-area { fill: url(#botAreaGradient); animation: botFade .5s ease both; }.bot-chart .trend-line { fill: none; stroke: #2f64ff; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 5px 7px rgba(47,100,255,.2)); stroke-dasharray: 1200; stroke-dashoffset: 1200; animation: botLineDraw .8s ease forwards; }.bot-chart .trend-dot { fill: white; stroke: #2f64ff; stroke-width: 3; animation: botFade .65s .2s ease both; }
@keyframes botBarRise { from { transform: scaleY(.06); opacity: .3; } to { transform: scaleY(1); opacity: 1; } }
@keyframes botLineDraw { to { stroke-dashoffset: 0; } }
@keyframes botFade { from { opacity: 0; } to { opacity: 1; } }
.bot-insight { display: grid; grid-template-columns: 38px 1fr; gap: 11px; margin-top: 11px; padding: 14px 15px; border: 1px solid #d7deff; border-radius: 13px; background: linear-gradient(135deg,#f4f7ff,#f7f4ff); }.insight-mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; color: white; background: linear-gradient(135deg,var(--blue),var(--violet)); }.bot-insight small,.bot-insight strong { display: block; }.bot-insight small { color: #5c70ad; font-size: .69rem; font-weight: 850; letter-spacing: .08em; }.bot-insight strong { margin: 2px 0; color: #25376c; font-size: .9rem; }.bot-insight p { margin: 0; color: #687492; font-size: .79rem; line-height: 1.45; }
.bot-data-block { margin-top: 11px; overflow: hidden; border: 1px solid #e0e5ef; border-radius: 13px; background: white; }.bot-data-head { display: flex; justify-content: space-between; padding: 11px 14px; border-bottom: 1px solid #e8ebf2; }.bot-data-head strong { font-size: .8rem; }.bot-data-head small { color: #8792ad; font-size: .72rem; }.bot-table-wrap { overflow-x: auto; }.bot-table { width: 100%; border-collapse: collapse; font-size: .76rem; }.bot-table th,.bot-table td { padding: 9px 14px; border-bottom: 1px solid #eef1f6; text-align: left; white-space: nowrap; }.bot-table th { color: #7b87a4; background: #fafbfe; font-size: .69rem; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }.bot-table td { color: #53607f; }.bot-table tr:last-child td { border-bottom: 0; }.bot-table td:last-child,.bot-table th:last-child { text-align: right; }.bot-table .table-risk { color: #c83953; font-weight: 800; }.bot-table .table-good { color: #168363; font-weight: 800; }
.bot-answer-actions { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 12px 1px 0; }.bot-answer-actions > span { color: #8792ad; font-size: .72rem; }.bot-answer-actions > div { display: flex; gap: 7px; }.bot-answer-actions button { display: flex; align-items: center; gap: 7px; min-height: 39px; padding: 8px 11px; border: 1px solid #d9dfec; border-radius: 9px; color: #4c5b80; background: white; font-family: inherit; font-size: .73rem; font-weight: 700; cursor: pointer; }.bot-answer-actions button:hover { border-color: #879ff0; color: #284a9f; }.bot-answer-actions button > span { display: grid; place-items: center; min-width: 27px; height: 21px; border-radius: 5px; color: #245b46; background: #e5f7ef; font-size: .61rem; font-weight: 850; }.bot-answer-actions button:last-child > span { color: #9f3246; background: #ffeaee; }
.bot-prompt-area { margin: 0 25px 24px 74px; padding-top: 13px; border-top: 1px solid #e1e6f1; }.bot-suggestions { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 9px; }.bot-suggestions button { min-height: 34px; padding: 7px 10px; border: 1px solid #dce2ef; border-radius: 999px; color: #637091; background: white; font-family: inherit; font-size: .72rem; cursor: pointer; }.bot-suggestions button:hover { color: #2f55b0; border-color: #9bb0ef; }
.bot-input { display: grid; grid-template-columns: auto minmax(0,1fr) auto; gap: 10px; align-items: center; padding: 7px 7px 7px 14px; border: 1px solid #cfd8ec; border-radius: 14px; background: white; box-shadow: 0 8px 22px rgba(32,51,111,.08); }.bot-input > span { color: var(--blue); }.bot-input input { min-width: 0; height: 38px; border: 0; outline: 0; color: #26345b; background: transparent; font-family: inherit; font-size: .86rem; }.bot-input input::placeholder { color: #9aa4ba; }.bot-input button { min-height: 40px; padding: 9px 13px; border: 0; border-radius: 10px; color: white; background: linear-gradient(135deg,var(--blue),var(--violet)); font-family: inherit; font-size: .76rem; font-weight: 760; cursor: pointer; }.bot-input button span { margin-left: 5px; }

/* Five minute shift design lab */
.shift-design { color: white; background: radial-gradient(circle at 82% 12%, rgba(119,86,255,.24), transparent 28%), radial-gradient(circle at 8% 70%, rgba(47,100,255,.18), transparent 30%), #03071d; }
.shift-design .kicker { color: #8db0ff; }
.shift-heading > p { color: #9aa8cc; }
.shift-lab { overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 28px; background: rgba(8,18,58,.82); box-shadow: 0 35px 100px rgba(0,0,0,.3); }
.shift-lab-top { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 21px 24px; border-bottom: 1px solid rgba(255,255,255,.1); }
.shift-lab-top small { color: #7f90bd; font-size: .7rem; font-weight: 850; letter-spacing: .09em; }.shift-lab-top h3 { margin: 3px 0 0; font-size: 1.25rem; }
.pattern-switcher { display: flex; padding: 4px; border: 1px solid rgba(255,255,255,.1); border-radius: 12px; background: rgba(255,255,255,.045); }
.pattern-switcher button { padding: 9px 12px; border: 0; border-radius: 8px; color: #93a0c5; background: transparent; font-size: .76rem; cursor: pointer; }
.pattern-switcher button.active { color: white; background: linear-gradient(135deg,var(--blue),var(--violet)); }
.shift-lab-grid { display: grid; grid-template-columns: 1fr 275px; }
.shift-chart-panel { min-width: 0; padding: 21px 23px 24px; background: #fbfcff; color: var(--ink); }
.task-legend { display: flex; flex-wrap: wrap; gap: 13px; margin-bottom: 4px; color: #6f7b99; font-size: .7rem; }
.task-legend span { display: flex; align-items: center; gap: 6px; }.task-legend i { width: 10px; height: 10px; border-radius: 3px; background: var(--violet); }.task-legend .baggage-key { background: var(--blue); }.task-legend .passenger-key { background: var(--cyan); }.task-legend .ramp-key { background: var(--green); }.task-legend .coverage-key { width: 16px; height: 3px; border-radius: 4px; background: #ff8c3a; }
.shift-demand-chart { display: block; width: 100%; height: 390px; }
.shift-chart-grid line { stroke: #e5eaf4; stroke-width: 1; }.shift-chart-grid .five-tick { stroke: #dbe2f0; opacity: .45; }.shift-chart-grid .hour-tick { stroke: #c3ccdf; opacity: .78; }
.shift-chart-axis text { fill: #8792ae; font-size: 10px; }
.shift-area-paths path { stroke: rgba(255,255,255,.25); stroke-width: .7; }
.shift-coverage-line { fill: none; stroke: #ff8c3a; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 4px 6px rgba(255,140,58,.28)); transition: d .55s ease; }
.shift-comparison-lines path { fill: none; stroke-width: 2.5; stroke-linecap: round; stroke-dasharray: 7 6; opacity: 0; transition: opacity .3s ease; }.shift-comparison-lines path:nth-child(1) { stroke: #ff8c3a; }.shift-comparison-lines path:nth-child(2) { stroke: #7756ff; }.shift-comparison-lines path:nth-child(3) { stroke: #20aee8; }.shift-chart-panel.comparing .shift-comparison-lines path { opacity: .9; }.shift-chart-panel.comparing .shift-coverage-line { opacity: .16; }
.five-minute-note { display: flex; align-items: center; gap: 8px; margin: -3px 0 18px; color: #7a87a7; font-size: .7rem; }.five-minute-note i { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 5px rgba(47,100,255,.1); }.five-minute-note b { margin-left: auto; color: #42588e; }
.shift-pattern-track { padding: 14px 15px 10px 90px; border: 1px solid #dfe5f1; border-radius: 13px; background: white; }
.pattern-time-axis { display: grid; grid-template-columns: repeat(7,1fr); margin-bottom: 7px; color: #8b95ad; font-size: .62rem; }.pattern-time-axis span:last-child { text-align: right; }
.pattern-lane { position: relative; min-height: 35px; border-top: 1px solid #eef1f6; background: repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 1px),#eef1f6 calc(16.666% - 1px),#eef1f6 16.666%); }.pattern-lane > b { position: absolute; right: calc(100% + 12px); top: 10px; width: 62px; color: #596584; font-size: .7rem; text-align: right; }.pattern-bars { position: absolute; inset: 0; }.pattern-bar { position: absolute; top: 7px; left: calc(var(--start) * 1%); width: calc(var(--span) * 1%); height: 22px; border-radius: 6px; color: white; background: linear-gradient(90deg,var(--blue),#5b7dff); font-size: .6rem; line-height: 22px; text-align: center; box-shadow: 0 5px 10px rgba(47,100,255,.16); }.pattern-lane:nth-child(3) .pattern-bar { background: linear-gradient(90deg,var(--violet),#a16dff); }.pattern-lane:nth-child(4) .pattern-bar { color: #07384c; background: linear-gradient(90deg,var(--cyan),#4bd4b1); }
.shift-result-panel { padding: 24px; border-left: 1px solid rgba(255,255,255,.1); background: linear-gradient(165deg,rgba(47,100,255,.13),rgba(119,86,255,.11)); }
.shift-result-head { display: flex; justify-content: space-between; align-items: center; color: #cbd5f4; font-size: .7rem; font-weight: 760; text-transform: uppercase; }.shift-result-head span { display: flex; gap: 7px; align-items: center; }.shift-result-head i { color: #8faeff; font-style: normal; }.shift-result-head small { color: #7f8db2; }
.shift-result-panel h3 { margin: 28px 0 9px; font-size: 1.4rem; line-height: 1.2; }.shift-result-panel > p { color: #9eaacd; font-size: .83rem; }
.shift-result-score { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 20px 0; }.shift-result-score > div { padding: 12px; border: 1px solid rgba(255,255,255,.09); border-radius: 11px; background: rgba(255,255,255,.045); }.shift-result-score span, .shift-result-score strong { display: block; }.shift-result-score span { color: #8492ba; font-size: .65rem; }.shift-result-score strong { font-size: 1.15rem; }
.shift-result-list { display: grid; gap: 8px; margin: 21px 0; }.shift-result-list span { display: flex; align-items: center; gap: 8px; color: #c1cbe6; font-size: .75rem; }.shift-result-list i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); }.shift-result-list b { font-weight: 600; }
.shift-result-panel button { width: 100%; margin-top: 8px; }

@media (max-width: 1050px) {
  .operation-hotspot { min-width: 120px; padding: 8px 9px 8px 26px; }.operation-hotspot span { font-size: .67rem; }.operation-hotspot small { font-size: .58rem; }
  .persona-workspace { grid-template-columns: 250px 1fr; }.persona-brief { padding: 25px; }.approval-item { grid-template-columns: 105px 1fr 115px; }.approval-item button { grid-column: 2 / -1; width: 150px; justify-self: end; }.dispatch-layout { grid-template-columns: 1fr; }.executive-grid { grid-template-columns: repeat(3,1fr); }
  .bot-workspace { grid-template-columns: 235px minmax(0,1fr); }.bot-rail { padding-left: 13px; padding-right: 13px; }.bot-conversation { padding-left: 18px; padding-right: 18px; }.bot-prompt-area { margin-left: 67px; margin-right: 18px; }
  .shift-lab-grid { grid-template-columns: 1fr; }.shift-result-panel { border-left: 0; border-top: 1px solid rgba(255,255,255,.1); }.shift-result-score { max-width: 360px; }
}

@media (max-width: 860px) {
  .aircraft-stage { min-height: 640px; aspect-ratio: auto; }.aircraft-stage > img { object-position: 52% center; }.operation-hotspot { display: none; }.wing-band { top: 18px; }.above-band { left: 18px; }.below-band { right: 18px; }.turn-story-card { left: 18px; bottom: 112px; }.turn-phase-nav { left: 18px; right: 18px; }
  .persona-intro, .shift-heading { grid-template-columns: 1fr; gap: 20px; }.persona-switcher { grid-template-columns: 1fr; }.persona-workspace { grid-template-columns: 1fr; }.persona-brief { min-height: 0; }.persona-responsibilities { grid-template-columns: 1fr 1fr; }.approval-item { grid-template-columns: 100px 1fr; }.approval-impact, .people-swap { grid-column: 2; justify-content: flex-start; }.approval-item button { grid-column: 2; justify-self: start; }.executive-grid { grid-template-columns: repeat(2,1fr); }
  .bot-intro { grid-template-columns: 1fr; gap: 20px; }.bot-workspace { grid-template-columns: 1fr; }.bot-rail { display: grid; grid-template-columns: 1fr auto; gap: 14px; }.bot-rail-brand { border-bottom: 0; padding-bottom: 0; }.bot-role-switch { margin: 0; min-width: 220px; }.bot-thread-label { grid-column: 1 / -1; padding-bottom: 0; }.bot-thread-list { grid-column: 1 / -1; grid-template-columns: repeat(3,1fr); }.bot-rail-foot { display: none; }.bot-topbar { min-height: 68px; }.bot-stat-grid { grid-template-columns: repeat(3,1fr); }
  .shift-lab-top { align-items: flex-start; flex-direction: column; }.shift-demand-chart { min-width: 780px; }.shift-chart-panel { overflow-x: auto; }.shift-pattern-track { min-width: 740px; }
}

@media (max-width: 620px) {
  .flight-turn-hero { border-radius: 22px; }.aircraft-stage { min-height: 690px; }.wing-band { left: 12px; right: auto; max-width: calc(100% - 24px); }.below-band { top: 64px; }.wing-band b { font-size: .65rem; }.turn-story-card { left: 12px; bottom: 184px; width: calc(100% - 24px); }.turn-phase-nav { left: 12px; right: 12px; bottom: 12px; grid-template-columns: 1fr 1fr; }.turn-phase-nav button::after { display: none; }.turn-story-card > p { min-height: 0; }
  .persona-intro h2, .shift-heading h2 { font-size: 2.55rem; }.persona-workspace { border-radius: 20px; }.persona-view { padding: 18px; }.persona-responsibilities { grid-template-columns: 1fr; }.planner-score-row { grid-template-columns: 1fr; }.approval-item { grid-template-columns: 1fr; }.approval-impact, .people-swap, .approval-item button { grid-column: 1; }.dispatch-row { min-width: 720px; }.dispatch-board { overflow-x: auto; }.executive-grid { grid-template-columns: 1fr; }.primary-kpi { grid-column: auto; }.pattern-switcher { width: 100%; overflow-x: auto; }.pattern-switcher button { min-width: 120px; }.shift-lab-top { padding: 18px; }.shift-chart-panel { padding: 18px; }
  .bot-intro h2 { font-size: 2.55rem; }.bot-workspace { border-radius: 20px; }.bot-rail { grid-template-columns: 1fr; padding: 17px 14px; }.bot-role-switch { min-width: 0; }.bot-thread-label { margin-top: 3px; }.bot-thread-list { grid-template-columns: 1fr; }.bot-thread:nth-child(n+2) { display: grid; }.bot-main { min-width: 0; }.bot-topbar { padding: 13px 15px; }.bot-ready { display: none; }.bot-conversation { padding: 18px 12px 12px; }.chat-user { margin-left: 0; }.chat-user > div { max-width: 94%; }.chat-assistant { grid-template-columns: 30px minmax(0,1fr); gap: 7px; }.chat-avatar { width: 30px; height: 30px; border-radius: 9px; }.answer-meta { align-items: flex-start; flex-direction: column; gap: 1px; }.bot-stat-grid { grid-template-columns: 1fr; }.bot-chart { min-width: 620px; }.bot-analysis-card { overflow-x: auto; }.bot-chart-head { min-width: 620px; }.bot-answer-actions { align-items: flex-start; flex-direction: column; }.bot-prompt-area { margin: 0 12px 17px 49px; }.bot-suggestions { overflow-x: auto; flex-wrap: nowrap; }.bot-suggestions button { flex: 0 0 auto; }.bot-input { grid-template-columns: auto minmax(0,1fr); }.bot-input button { grid-column: 1 / -1; }.bot-input button span { display: none; }
}

/* Clearer type and a connected flight-turn story */
body { font-size: 17px; }
.main-nav a, .hero-copy > p, .turn-story-card > p, .contact-points, .demo-form label { font-size: 1rem; }
.hero-task span, .hero-ai-recommendation > p, .live-flight, .task-stream-head, .hero-apply, .turn-facts { font-size: .85rem; }
.turn-facts { line-height: 1.55; }
.screen-caption, .chart-insight p, .roster-note p, .resolution-box > p, .solution-callout p { font-size: .84rem; line-height: 1.5; }
.tab-button, .roster-actions button, .live-badge, .resolution-actions button, .shift-result-panel > p, .persona-responsibilities li { font-size: .84rem; }
.bot-demo-main .answer-meta span, .bot-demo-main .answer-meta small, .bot-demo-main .bot-chart-head small, .bot-demo-main .chart-key { font-size: .82rem; }
.section-heading p, .problem-heading p, .persona-intro > p, .shift-heading > p, .bot-intro > p, .comparison-copy > p, .contact-copy > p, .integration-copy p { font-size: 1.08rem; line-height: 1.65; }
.system-card p, .module-card p, .planner-note p { font-size: .96rem; line-height: 1.55; }
.system-card h3 { font-size: 1.16rem; }
.module-card li, .compare-row > div, .footer-main > div:not(.footer-brand) a { font-size: .9rem; }
.flow-stage p { font-size: .86rem; min-height: 88px; }.flow-stage li { font-size: .78rem; line-height: 1.45; }.flow-stage h3 { font-size: 1.08rem; }
.screen-title-row small, .demand-kpis span, .demand-kpis small, .screen-tools, .roster-summary, .board-row > b, .board-row > b small { font-size: .78rem; }
.persona-button small, .approval-item p, .dispatch-row, .bot-thread small, .bot-demo-main .answer-summary, .bot-demo-main .bot-stat span, .bot-demo-main .bot-stat small, .bot-demo-main .bot-insight p { font-size: .88rem; }
.bot-demo-main .answer-summary { font-size: 1.05rem; }
.bot-demo-main .bot-stat strong { font-size: 1.55rem; }.bot-demo-main .bot-chart-head h3 { font-size: 1.08rem; }
.bot-demo-main .bot-conversation { min-height: 0; }.bot-demo-shell { min-height: 0; }
.bot-answer.waiting .bot-answer-content { display: none; }
.bot-demo-main .bot-thinking { min-height: 96px; font-size: .92rem; }
.bot-demo-main .chat-user > .user-question-bubble { min-width: 0; max-width: min(84%,730px); }
.bot-demo-main .chat-user p { font-size: 1.03rem; line-height: 1.55; }
.bot-demo-main .bot-topbar strong { font-size: 1.15rem; }.bot-demo-main .bot-topbar small { font-size: .84rem; }
.bot-demo-main .bot-chart .axis-label, .bot-demo-main .bot-chart .value-label { font-size: 14px; }
.bot-demo-main .bot-conversation { padding-bottom: 24px; }
.bot-demo-main .bot-chart { height: 270px; }
.bot-demo-main .bot-answer-actions > button, .bot-demo-main .bot-input button { font-size: .88rem; }
.bot-demo-main .bot-suggestions button, .bot-demo-rail .bot-role-switch button, .bot-demo-rail .bot-thread b { font-size: .86rem; }
.bot-demo-main .bot-input input { font-size: .93rem; }
.bot-demo-main .bot-chart .axis-label, .bot-demo-main .bot-chart .value-label { font-size: 13px; }
.bot-demo-main .bot-stat { padding: 13px 15px; }.bot-demo-main .bot-insight { padding: 14px 16px; }
.wing-map { background: linear-gradient(135deg,#f4f7ff,#fff 58%,#f6f3ff); border-radius: 26px; }
.wing-map-header { display: grid; grid-template-columns: 1fr 2fr 1fr; align-items: center; gap: 12px; padding: 16px 29px; color: #7181a8; background: #edf2ff; font-size: .78rem; font-weight: 850; letter-spacing: .07em; }
.wing-map-header strong { color: #223b7c; text-align: center; font-size: 1.02rem; letter-spacing: 0; }.wing-map-header span:last-child { text-align: right; }
.wing-lane { grid-template-columns: 240px minmax(0,1fr); min-height: 132px; }
.wing-label { padding: 25px 27px; }.wing-label span { font-size: .87rem; }.wing-label small { font-size: .85rem; }
.activity-track { position: relative; display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 0; align-items: start; overflow: visible; padding: 22px 18px; }
.activity-track::before { content: ""; position: absolute; top: 34px; left: 8.2%; right: 8.2%; height: 3px; border-radius: 6px; background: linear-gradient(90deg,#2f64ff,#7958ff); opacity: .31; }
.activity-track::after { content: ""; position: absolute; top: 28px; left: 8%; width: 13px; height: 13px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 7px rgba(47,100,255,.13); animation: travelTrack 7s linear infinite; }
.below-lane .activity-track::after { background: var(--violet); box-shadow: 0 0 0 7px rgba(119,86,255,.13); animation-delay: -2.1s; }
.activity-track div { display: flex; flex-direction: column; align-items: center; gap: 17px; width: auto; min-width: 0; min-height: 0; padding: 0 5px; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.activity-track div::before { content: ""; position: relative; z-index: 1; display: block; flex: 0 0 auto; width: 17px; height: 17px; border: 4px solid #f5f8ff; border-radius: 50%; background: #3876ec; box-shadow: 0 0 0 2px #6d9aff; }
.below-lane .activity-track div::before { background: #7958ff; box-shadow: 0 0 0 2px #a28dff; }
.activity-track span { display: block; color: #23355d; font-size: .93rem; font-weight: 760; line-height: 1.3; text-align: center; overflow-wrap: normal; }
.wing-map-footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 16px 29px; border-top: 1px solid #dbe3f6; color: #5e6f95; background: #f6f9ff; font-size: .9rem; }
.wing-map-footer span { display: inline-flex; align-items: center; gap: 9px; }.wing-map-footer i { width: 9px; height: 9px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(32,212,155,.12); }
.wing-map-footer strong { flex: 0 0 auto; color: #2d4bba; font-size: .8rem; letter-spacing: .07em; }.wing-map-footer b { font-size: 1.18rem; }
@keyframes travelTrack { from { left: 8%; } to { left: 91%; } }

/* Operational health is one visual instrument */
.outcomes { background: radial-gradient(circle at 5% 0,rgba(47,100,255,.26),transparent 33%),radial-gradient(circle at 96% 90%,rgba(119,86,255,.21),transparent 28%),#040b28; }
.outcome-intro { display: grid; grid-template-columns: 1fr .76fr; gap: 75px; align-items: end; margin-bottom: 38px; }.outcome-intro h2 { max-width: 660px; margin: 12px 0 0; font-size: clamp(2.7rem,4.5vw,4.35rem); letter-spacing: -.055em; line-height: 1.04; }.outcome-intro p { margin: 0; color: #aebce0; font-size: 1.1rem; }
.outcome-deck { overflow: hidden; border: 1px solid rgba(154,176,255,.22); border-radius: 28px; background: linear-gradient(135deg,rgba(25,45,104,.82),rgba(9,17,57,.94)); box-shadow: 0 35px 90px rgba(0,0,0,.27); }
.outcome-flightline { padding: 26px 31px 22px; border-bottom: 1px solid rgba(255,255,255,.1); background: radial-gradient(circle at 98% 5%,rgba(69,119,255,.25),transparent 26%); }
.flightline-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; }.flightline-heading span { display: inline-flex; align-items: center; gap: 10px; color: #99b4ff; font-size: .81rem; font-weight: 850; letter-spacing: .08em; }.flightline-heading i { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 6px rgba(32,212,155,.12); }.flightline-heading strong { color: #d7e2ff; font-size: .92rem; }
.flightline-stages { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; margin: 28px 0 18px; }.flightline-stages span { position: relative; padding: 13px 13px 12px 23px; border-top: 2px solid rgba(120,153,255,.55); color: #abb9dc; font-size: .83rem; }.flightline-stages span::before { content: ""; position: absolute; top: -7px; left: 0; width: 11px; height: 11px; border: 2px solid #9bb4ff; border-radius: 50%; background: #142862; }.flightline-stages span:last-child { border-color: var(--green); }.flightline-stages span:last-child::before { border-color: var(--green); background: var(--green); box-shadow: 0 0 0 6px rgba(32,212,155,.1); }.flightline-stages b { display: block; margin-top: 4px; color: white; font-size: 1rem; }
.outcome-flightline p { margin: 0; color: #c0cbed; font-size: 1rem; }
.outcome-dials { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; padding: 28px 22px; }
.outcome-dial { display: grid; justify-items: center; align-content: start; padding: 15px 26px 12px; border-right: 1px solid rgba(255,255,255,.1); text-align: center; }.outcome-dial:last-child { border-right: 0; }
.dial-ring { display: grid; place-items: center; width: 158px; height: 158px; border-radius: 50%; background: conic-gradient(#53e2c3 calc(var(--dial) * 1%),rgba(255,255,255,.08) 0); box-shadow: 0 0 38px rgba(68,161,237,.12); }.dial-ring::before { content: ""; grid-area: 1 / 1; width: 134px; height: 134px; border-radius: 50%; background: #0c1b4a; }.dial-ring strong { position: relative; grid-area: 1 / 1; color: white; font-size: 2.15rem; letter-spacing: -.04em; }.dial-coverage .dial-ring { background: conic-gradient(#6e86ff calc(var(--dial) * 1%),rgba(255,255,255,.08) 0); }.dial-utilization .dial-ring { background: conic-gradient(#aa82ff calc(var(--dial) * 1%),rgba(255,255,255,.08) 0); }
.outcome-dial h3 { margin: 18px 0 4px; color: white; font-size: 1.26rem; }.outcome-dial p { max-width: 260px; margin: 0; color: #aab9dd; font-size: .94rem; line-height: 1.5; }
.outcome-signal-row { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; border-top: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.03); }.outcome-signal-row > div { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; column-gap: 11px; padding: 22px 20px; border-right: 1px solid rgba(255,255,255,.1); }.outcome-signal-row > div:last-child { border-right: 0; }.signal-icon { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: #aabfff; background: rgba(79,112,255,.16); font-size: 1.2rem; }.outcome-signal-row p { margin: 0; }.outcome-signal-row strong,.outcome-signal-row small { display: block; }.outcome-signal-row strong { color: #f5f7ff; font-size: .96rem; }.outcome-signal-row small { color: #a4b3d7; font-size: .8rem; line-height: 1.35; }.outcome-signal-row b { color: #88eed4; font-size: 1.35rem; text-align: right; }.outcome-signal-row em { grid-column: 3; color: #94a8d2; font-size: .7rem; font-style: normal; text-align: right; }

/* Systems connect through the same operational hub */
.integrations { background: radial-gradient(circle at 52% 80%,rgba(90,113,255,.09),transparent 40%),#f8faff; }.integrations .integration-copy { max-width: 900px; margin: 0 auto 43px; text-align: center; }.integration-copy h2 { font-size: clamp(2.7rem,4.5vw,4.25rem); }.integrations .integration-copy p { max-width: 780px; margin: 0 auto; }
.integration-map { display: grid; grid-template-columns: minmax(0,1fr) 225px minmax(0,1fr); align-items: center; gap: 16px; padding: 26px; border: 1px solid #dce5f7; border-radius: 28px; background: radial-gradient(circle at 50% 50%,#e7efff,transparent 43%),linear-gradient(155deg,#fff,#f5f8ff); box-shadow: 0 28px 70px rgba(26,55,128,.1); }
.integration-column { position: relative; display: grid; gap: 10px; }.integration-column::before { content: ""; position: absolute; z-index: 0; top: 8%; bottom: 8%; width: 2px; background: linear-gradient(#84a8ff,#9e85ff); opacity: .5; }.integration-column:first-child::before { right: -8px; }.integration-column:last-child::before { left: -8px; }
.integration-source { position: relative; display: flex; align-items: center; gap: 13px; min-height: 72px; padding: 10px 15px; border: 1px solid #dce4f3; border-radius: 14px; background: rgba(255,255,255,.89); box-shadow: 0 6px 22px rgba(29,55,124,.055); }.integration-source::after { content: ""; position: absolute; top: 50%; width: 8px; height: 8px; border-radius: 50%; background: #5684ed; transform: translateY(-50%); }.integration-column:first-child .integration-source::after { right: -20px; }.integration-column:last-child .integration-source::after { left: -20px; }.integration-source i { display: grid; place-items: center; flex: 0 0 auto; width: 42px; height: 42px; border-radius: 12px; color: #315ed0; background: #e9efff; font-style: normal; font-size: .77rem; font-weight: 850; letter-spacing: -.02em; }.integration-column:last-child .integration-source i { color: #6d4ece; background: #f0ecff; }.integration-source span { min-width: 0; }.integration-source strong,.integration-source small { display: block; }.integration-source strong { color: #21345f; font-size: .96rem; }.integration-source small { color: #7180a0; font-size: .78rem; line-height: 1.35; }
.integration-hub { position: relative; isolation: isolate; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 210px; height: 210px; margin: auto; border: 1px solid rgba(255,255,255,.3); border-radius: 50%; color: white; background: radial-gradient(circle at 35% 27%,#315bd9,#111b60 65%,#160b54); box-shadow: 0 18px 46px rgba(43,64,178,.29),0 0 0 12px rgba(55,91,211,.08); text-align: center; }.integration-hub img { width: 65px; height: 65px; margin-bottom: 11px; border-radius: 17px; box-shadow: 0 8px 18px rgba(0,0,0,.28); }.integration-hub strong { font-size: .93rem; letter-spacing: .06em; }.integration-hub small { max-width: 165px; margin-top: 2px; color: #bccaff; font-size: .67rem; }.hub-orbit { position: absolute; z-index: -1; inset: -16px; border: 1px dashed rgba(57,97,209,.25); border-radius: 50%; }.orbit-two { inset: -26px; opacity: .45; }
.integration-flow-note { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 34px; margin-top: 20px; color: #52678f; font-size: .92rem; }.integration-flow-note span { display: inline-flex; align-items: center; gap: 9px; }.integration-flow-note i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #31c99d; box-shadow: 0 0 0 4px rgba(49,201,157,.1); }

@media (max-width: 1100px) {
  .wing-lane { grid-template-columns: 190px minmax(0,1fr); }.activity-track span { font-size: .82rem; }
  .outcome-signal-row > div { grid-template-columns: 34px 1fr; }.outcome-signal-row b { grid-column: 2; justify-self: start; margin-top: 6px; }.outcome-signal-row em { grid-column: 2; justify-self: start; }
  .integration-map { grid-template-columns: minmax(0,1fr) 190px minmax(0,1fr); }.integration-hub { width: 175px; height: 175px; }
}
@media (max-width: 860px) {
  .wing-lane { grid-template-columns: 1fr; }.wing-label { min-height: auto; padding: 16px 21px; }.activity-track { padding: 22px 14px; }.activity-track::before { top: 34px; }.activity-track::after { top: 28px; }.wing-map-header { padding: 14px 20px; }.activity-track span { font-size: .85rem; }
  .outcome-intro { grid-template-columns: 1fr; gap: 16px; }.outcome-dial { padding: 12px; }.dial-ring { width: 134px; height: 134px; }.dial-ring::before { width: 112px; height: 112px; }.dial-ring strong { font-size: 1.75rem; }.outcome-signal-row { grid-template-columns: 1fr; }.outcome-signal-row > div { grid-template-columns: 38px 1fr auto; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.09); }.outcome-signal-row > div:last-child { border-bottom: 0; }.outcome-signal-row b { grid-column: 3; justify-self: end; }.outcome-signal-row em { grid-column: 3; justify-self: end; }
  .integration-map { grid-template-columns: 1fr 1fr; gap: 18px; }.integration-hub { grid-column: 1 / -1; grid-row: 1; width: 180px; height: 180px; }.integration-column::before,.integration-source::after { display: none; }
}
@media (max-width: 620px) {
  .wing-map-header { grid-template-columns: 1fr 1fr; }.wing-map-header strong { grid-column: 1 / -1; grid-row: 2; font-size: .96rem; }.wing-map-header span:last-child { grid-column: 2; grid-row: 1; }.activity-track { grid-template-columns: repeat(3,1fr); row-gap: 20px; }.activity-track::before,.activity-track::after { display: none; }.activity-track div { gap: 10px; padding: 0 7px; }.activity-track span { font-size: .94rem; }.wing-map-footer { align-items: flex-start; flex-direction: column; padding: 15px 20px; }
  .outcome-intro h2 { font-size: 2.55rem; }.outcome-flightline { padding: 22px 17px; }.flightline-heading { align-items: flex-start; flex-direction: column; }.flightline-stages { grid-template-columns: 1fr 1fr; row-gap: 13px; }.flightline-stages span { padding-left: 17px; font-size: .8rem; }.outcome-dials { grid-template-columns: 1fr; padding: 12px 17px; }.outcome-dial { grid-template-columns: 120px 1fr; justify-items: start; text-align: left; column-gap: 17px; padding: 15px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.1); }.outcome-dial:last-child { border-bottom: 0; }.dial-ring { grid-row: 1 / 3; width: 112px; height: 112px; }.dial-ring::before { width: 94px; height: 94px; }.dial-ring strong { font-size: 1.45rem; }.outcome-dial h3 { margin: 17px 0 0; font-size: 1.08rem; }.outcome-dial p { font-size: .88rem; }.outcome-signal-row > div { padding: 18px; }.outcome-signal-row b { font-size: 1.17rem; }
  .integration-map { grid-template-columns: 1fr; padding: 16px; }.integration-hub { grid-column: 1; grid-row: 1; }.integration-source { min-height: 66px; }.integration-flow-note { justify-content: flex-start; gap: 10px; padding-left: 5px; }
}

/* Supplied application screens sit within the existing product story. */
.product-screens { display: grid; grid-template-columns: minmax(0,1fr); align-items: start; gap: 60px; max-width: 1080px; margin: 64px auto 0; }
.product-shot { min-width: 0; margin: 0; }
.shot-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 18px; margin: 0 0 14px; }
.shot-heading span { display: inline-flex; align-items: center; gap: 8px; color: #4564b3; font-size: .8rem; font-weight: 850; letter-spacing: .07em; }
.shot-heading span img { width: 24px; height: 24px; border-radius: 6px; }
.shot-heading strong { color: #182a57; font-size: 1rem; }
.shot-window { overflow: hidden; border: 1px solid #dce4f3; border-radius: 17px; background: #fff; box-shadow: 0 24px 55px rgba(29,48,111,.12); }
.demand-shot .shot-window { aspect-ratio: 1.815; }
.demand-shot .shot-window img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }
.planner-shot .shot-window { position: relative; aspect-ratio: auto; }
.planner-shot .shot-window > img { display: block; width: 100%; height: auto; }
.planner-cost-patch { position: absolute; z-index: 1; left: 55.05%; top: 23.55%; width: 43.9%; height: 33.65%; padding: 2% 2.1%; background: #fff; border-radius: 1.1%; color: #202a3c; box-shadow: 0 0 0 1px #e7e8ee; }
.cost-patch-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding-bottom: 5%; border-bottom: 1px solid #eef0f4; }
.cost-patch-head strong { font-size: clamp(.82rem,1.4vw,1.28rem); font-weight: 720; }
.cost-patch-head span { color: #7f548b; font-size: clamp(.57rem,.72vw,.75rem); font-weight: 800; letter-spacing: .04em; }
.cost-patch-body { display: flex; align-items: center; gap: 5%; height: 75%; }
.cost-patch-donut { display: grid; place-items: center; flex: 0 0 44%; aspect-ratio: 1; border-radius: 50%; background: conic-gradient(#a44783 0 83%, #d160d3 83% 89%, #f4b6e8 89% 100%); }
.cost-patch-donut::before { content: ''; grid-area: 1 / 1; width: 72%; height: 72%; border-radius: 50%; background: white; }
.cost-patch-donut span { position: relative; grid-area: 1 / 1; display: grid; gap: 4px; text-align: center; color: #63687a; font-size: clamp(.62rem,.9vw,.92rem); }
.cost-patch-donut strong { color: #1f2a42; font-size: clamp(.95rem,1.7vw,1.5rem); }
.cost-patch-legend { display: grid; gap: 13px; min-width: 0; flex: 1; }
.cost-patch-legend span { display: grid; grid-template-columns: 9px 1fr; column-gap: 7px; color: #71798a; font-size: clamp(.61rem,.92vw,.94rem); }
.cost-patch-legend i { width: 8px; height: 8px; margin-top: 4px; border-radius: 50%; background: #a44783; }
.cost-patch-legend span:nth-child(2) i { background: #d160d3; }.cost-patch-legend span:nth-child(3) i { background: #f4b6e8; }
.cost-patch-legend b { grid-column: 2; color: #2b3150; font-size: 1.12em; }
.planner-roster-mark { position: absolute; z-index: 1; left: 2.15%; width: 3.65%; aspect-ratio: 1; border-radius: 50%; background: #fff url('assets/tq-logo.jpg') center / 88% no-repeat; box-shadow: 0 0 0 2px #fff; }
.planner-mobile-app { display: none; }
.product-shot figcaption { margin-top: 18px; color: #667395; font-size: .96rem; line-height: 1.58; }
.product-shot figcaption b { color: #21376e; }
.module-policy-rail { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 14px; margin-top: 34px; padding: 19px 22px; border: 1px solid #dbe4f2; border-radius: 999px; color: #63708c; background: rgba(255,255,255,.86); box-shadow: 0 14px 36px rgba(31,52,105,.07); font-size: .88rem; }
.module-policy-rail strong { margin-right: 8px; color: #1f376f; font-size: .94rem; }
.module-policy-rail span::before { content: "·"; margin-right: 12px; color: #3f6fff; font-weight: 900; }
.integration-map { gap: 22px; padding: 31px; }
.integration-column { gap: 9px; }
.integration-source { min-height: 67px; }
.integration-source strong { font-size: .94rem; }
.integration-source small { font-size: .8rem; }
@media (max-width: 860px) {
  .product-screens { gap: 42px; margin-top: 48px; }
  .cost-patch-legend { gap: 6px; }
  .integration-map { gap: 18px; padding: 22px; }
  .module-heading { grid-template-columns: 1fr; gap: 15px; }
  .module-stage { grid-template-columns: 1fr; min-height: 0; }
  .stage-workforce .stage-visual,.stage-workforce .stage-content { order: initial; }
  .stage-visual { min-height: 430px; aspect-ratio: 1.5; }
  .stage-content { padding: 42px; }
}
@media (max-width: 620px) {
  .product-screens { gap: 30px; margin-top: 39px; }
  .shot-heading { align-items: flex-start; flex-direction: column; }
  .demand-shot .shot-window { aspect-ratio: 1.35; }
  .planner-shot .shot-window > img,.planner-cost-patch,.planner-roster-mark { display: none; }
  .planner-mobile-app { display: block; padding: 17px; background: #f9f9fd; color: #202c4a; }
  .planner-mobile-app header { display: flex; justify-content: space-between; align-items: center; padding: 18px; border-radius: 12px; background: linear-gradient(115deg,#a05b9d,#e9a5d9); color: #fff; }
  .planner-mobile-app header strong { font-size: 1.15rem; }.planner-mobile-app header span { font-size: .7rem; font-weight: 800; letter-spacing: .07em; }
  .planner-mobile-modules { display: grid; gap: 8px; margin-top: 12px; }.planner-mobile-modules span { display: flex; justify-content: space-between; gap: 8px; padding: 13px; border: 1px solid #e8e9f2; border-radius: 9px; background: #fff; font-size: .9rem; }.planner-mobile-modules b { color: #7b478c; white-space: nowrap; }
  .planner-mobile-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 12px; }.planner-mobile-metrics > div { display: grid; gap: 7px; padding: 14px; border: 1px solid #e8e9f2; border-radius: 10px; background: #fff; }.planner-mobile-metrics small { color: #68759a; font-size: .66rem; font-weight: 800; }.planner-mobile-metrics strong { color: #782f79; font-size: 1.35rem; }.planner-mobile-metrics span { color: #6f7790; font-size: .76rem; }
  .planner-mobile-roster { display: grid; gap: 9px; margin-top: 12px; padding: 15px; border: 1px solid #e8e9f2; border-radius: 10px; background: #fff; }.planner-mobile-roster strong { font-size: .96rem; }.planner-mobile-roster span { padding: 8px 0; border-top: 1px solid #e8e9f2; color: #5b6686; font-size: .85rem; }
  .module-heading { margin-bottom: 32px; }
  .module-stage { border-radius: 23px; }
  .stage-visual { min-height: 270px; aspect-ratio: 1.24; }
  .stage-visual figcaption { left: 14px; top: 14px; padding: 7px 11px 7px 7px; font-size: .68rem; }
  .stage-visual figcaption span { width: 25px; height: 25px; }
  .stage-content { padding: 28px 21px 25px; }
  .stage-content > h3 { font-size: 2.05rem; }
  .stage-content > p { font-size: .96rem; }
  .stage-module-pair { grid-template-columns: 1fr; }
  .stage-module-pair > div { padding: 20px 0; }
  .stage-module-pair > div + div { padding-left: 0; border-top: 1px solid #e2e7f0; border-left: 0; }
  .stage-module-pair p { min-height: 0; }
  .stage-flow { gap: 7px; }
  .stage-flow span,.stage-flow strong { padding: 7px 9px; font-size: .75rem; }
  .module-policy-rail { justify-content: flex-start; padding: 16px 18px; border-radius: 20px; }
  .module-policy-rail strong { width: 100%; }
  .integration-map { grid-template-columns: 1fr; padding: 16px; }
}

/* TurnIQBot question and answer simulator */
.bot-demo-main { display: flex; flex-direction: column; }
.bot-demo-main .bot-conversation { flex: 1 0 auto; padding-top: 28px; }
.bot-demo-main .chat-assistant { margin: 0; }
.bot-demo-main .answer-meta { margin-bottom: 8px; }
.bot-answer-content.response-enter { animation: botAnswerArrive .5s cubic-bezier(.2,.8,.3,1) both; }
.bot-video-composer { position: relative; margin-bottom: 11px; overflow: hidden; border: 1px solid #c9d7f3; border-radius: 17px; background: linear-gradient(135deg,#ffffff,#f4f7ff); box-shadow: 0 14px 32px rgba(33,57,126,.11); transition: border-color .25s ease,box-shadow .25s ease,transform .25s ease; }
.bot-video-composer::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: linear-gradient(180deg,var(--blue),var(--violet)); }
.bot-composer-status { display: flex; align-items: center; gap: 7px; min-height: 28px; padding: 6px 16px 4px 19px; color: #6074ac; border-bottom: 1px solid #e8edf7; background: rgba(239,244,255,.76); font-size: .69rem; font-weight: 850; letter-spacing: .075em; }
.bot-composer-status i { width: 7px; height: 7px; border-radius: 50%; background: #2f64ff; box-shadow: 0 0 0 4px rgba(47,100,255,.1); }
.bot-composer-row { display: grid; grid-template-columns: 42px minmax(0,1fr) 40px; gap: 12px; align-items: center; min-height: 78px; padding: 11px 13px 12px 17px; }
.bot-composer-copy { min-width: 0; }
.bot-composer-copy small { display: block; margin-bottom: 2px; color: #4c67ae; font-size: .7rem; font-weight: 850; letter-spacing: .075em; }
.bot-composer-copy p { display: inline; margin: 0; color: #10224f; font-size: 1.05rem; font-weight: 630; line-height: 1.45; }
.bot-composer-send { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; color: white; background: linear-gradient(135deg,var(--blue),var(--violet)); box-shadow: 0 9px 20px rgba(54,80,211,.22); font-size: 1.2rem; font-weight: 800; }
.bot-demo-shell.is-typing .bot-video-composer { border-color: #7396ff; box-shadow: 0 16px 38px rgba(47,100,255,.18),0 0 0 3px rgba(47,100,255,.07); transform: translateY(-2px); }
.bot-demo-shell.is-typing .bot-composer-status i { animation: breathe 1s infinite; }
.bot-demo-shell[data-bot-stage="analysing"] .bot-composer-status i { background: #7756ff; }
.bot-demo-shell[data-bot-stage="answered"] .bot-composer-status i { background: var(--green); box-shadow: 0 0 0 4px rgba(32,212,155,.12); }
.bot-demo-shell[data-bot-stage="answered"] .bot-video-composer { border-color: #cce9df; }
.bot-demo-main .bot-prompt-area { margin: 0; padding: 13px 24px 22px 75px; border-top: 1px solid #dfe6f3; background: rgba(255,255,255,.93); }
.bot-demo-main .bot-suggestions { margin: 0 0 9px; }
.bot-demo-main .bot-input { box-shadow: 0 8px 22px rgba(34,55,118,.07); }
.bot-demo-progress i.running { animation-duration: 8s; }

/* A stronger TurnIQ signature in the primary navigation */
.site-header { height: 82px; }
.site-header .brand { gap: 13px; font-size: 1.55rem; font-weight: 820; }
.site-header .brand img { width: 58px; height: 58px; border: 2px solid rgba(255,255,255,.5); border-radius: 16px; box-shadow: 0 0 0 4px rgba(77,106,255,.11),0 0 32px rgba(83,94,255,.55); }
.site-header .nav-wrap { padding-left: 10px; }

@keyframes botAnswerArrive { from { opacity: 0; transform: translateY(14px) scale(.992); } to { opacity: 1; transform: none; } }

@media (max-width: 1050px) {
  .bot-demo-main .bot-prompt-area { padding-left: 68px; padding-right: 17px; }
}

@media (max-width: 860px) {
  .site-header { top: 10px; height: 72px; }
  .site-header .brand { font-size: 1.4rem; }
  .site-header .brand img { width: 50px; height: 50px; border-radius: 14px; }
  .main-nav { top: 80px; }
}

@media (max-width: 620px) {
  .site-header { height: 68px; }
  .site-header .brand { gap: 9px; font-size: 1.25rem; }
  .site-header .brand img { width: 46px; height: 46px; border-radius: 13px; }
  .main-nav { top: 75px; }
  .bot-demo-main .bot-prompt-area { padding: 12px 11px 16px 49px; }
  .bot-composer-row { grid-template-columns: 34px minmax(0,1fr) 34px; gap: 8px; min-height: 82px; padding: 10px; }
  .bot-composer-row .chat-avatar { width: 34px; height: 34px; }
  .bot-composer-copy p { font-size: .94rem; }
  .bot-composer-send { width: 34px; height: 34px; }
}

/* TurnIQBot multi-turn conversation */
.bot-demo-shell { min-height: 900px; }
.bot-demo-main { height: 900px; }
.bot-demo-main .bot-conversation { flex: 1 1 auto; min-height: 0; overflow-y: auto; scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: #b9c6e7 transparent; }
.bot-demo-rail .bot-thread-list { max-height: 510px; overflow-y: auto; padding-right: 3px; scrollbar-width: thin; scrollbar-color: rgba(151,171,235,.48) transparent; }
.bot-demo-rail .bot-thread { min-height: 62px; }
.bot-demo-rail .bot-thread.completed::after { content: "✓"; display: grid; place-items: center; flex: 0 0 auto; width: 20px; height: 20px; margin-left: auto; border-radius: 50%; color: #082f25; background: #4be0b4; font-size: .68rem; font-weight: 900; }
.bot-demo-main .bot-chart .bar.blue { fill: url(#botBarGradient); }
.bot-demo-main .bot-chart .bar.green { fill: url(#botGreenGradient); }
.bot-demo-main .bot-chart .bar.orange { fill: url(#botOrangeGradient); }
.bot-demo-main .bot-chart .bar.violet { fill: url(#botVioletGradient); }
.bot-demo-main .bot-chart .bar.outlier { fill: #f04462; }
.bot-demo-main .chart-key i.green { background: linear-gradient(135deg,#0e9f78,#35d5a5); }
.bot-demo-main .chart-key i.orange { background: linear-gradient(135deg,#e96235,#ffae52); }
.bot-demo-main .chart-key i.violet { background: linear-gradient(135deg,#6747e8,#a879ff); }
.bot-demo-main .bot-chart .target-caption { fill: #287c68; font-weight: 760; }
.bot-demo-main .bot-chart .employee-label { font-size: 12px; }
.bot-follow-up { display: none; grid-template-columns: 38px minmax(0,1fr); gap: 11px; margin-top: 11px; padding: 14px 15px; border: 1px solid #d8e1f6; border-radius: 14px; background: linear-gradient(135deg,#f8faff,#f1f5ff); box-shadow: 0 9px 24px rgba(37,62,132,.07); }
.bot-follow-up.visible { display: grid; animation: botFollowUpArrive .4s cubic-bezier(.2,.8,.3,1) both; }
.follow-up-avatar { display: grid; place-items: center; width: 38px; height: 38px; padding: 3px; border-radius: 11px; background: linear-gradient(135deg,var(--blue),var(--violet)); }
.follow-up-avatar img { width: 100%; height: 100%; border-radius: 8px; object-fit: cover; }
.bot-follow-up small { display: block; color: #526db4; font-size: .7rem; font-weight: 850; letter-spacing: .075em; }
.bot-follow-up p { margin: 3px 0 10px; color: #26365f; font-size: .9rem; font-weight: 650; line-height: 1.45; }
.bot-follow-up-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.bot-follow-up-actions button { min-height: 34px; padding: 7px 11px; border: 1px solid #cad6f1; border-radius: 9px; color: #3458ad; background: white; font-family: inherit; font-size: .75rem; font-weight: 760; cursor: pointer; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.bot-follow-up-actions button:first-child { color: white; border-color: transparent; background: linear-gradient(135deg,var(--blue),var(--violet)); }
.bot-follow-up-actions button:hover { transform: translateY(-1px); border-color: #7f9cf0; }
.bot-follow-up.auto-selecting .bot-follow-up-actions button:first-child { animation: botChoicePulse .85s ease both; }
.bot-demo-shell[data-bot-stage="prompting"] .bot-composer-status i { background: #20a77d; box-shadow: 0 0 0 4px rgba(32,167,125,.12); }

@keyframes botFollowUpArrive { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes botChoicePulse { 0% { box-shadow: 0 0 0 0 rgba(47,100,255,.35); } 70% { box-shadow: 0 0 0 8px rgba(47,100,255,0); } 100% { box-shadow: none; transform: translateY(-1px); } }

@media (max-width: 860px) {
  .bot-demo-shell { min-height: 0; }
  .bot-demo-main { height: 900px; }
  .bot-demo-rail .bot-thread-list { max-height: none; overflow: visible; }
}

@media (max-width: 620px) {
  .bot-demo-rail .bot-thread-list { overflow-x: auto; }
  .bot-follow-up { grid-template-columns: 32px minmax(0,1fr); padding: 12px; }
  .follow-up-avatar { width: 32px; height: 32px; }
  .bot-follow-up p { font-size: .84rem; }
  .bot-follow-up-actions { flex-direction: column; align-items: stretch; }
}

/* Version 16: cinematic operations hero and a true embedded TurnIQBot video */
.site-header .brand { flex: 0 0 auto; gap: 0; }
.site-header .brand img { width: 188px; height: 58px; border: 0; border-radius: 11px; object-fit: contain; box-shadow: none; }
.site-header .nav-wrap { padding-left: 16px; }

.cinematic-hero { position: relative; min-height: 900px; padding: 145px 0 104px; overflow: hidden; background: #02061d; }
.cinematic-hero::after { height: 260px; z-index: 0; background: linear-gradient(to top,#02061d,transparent); }
.cinematic-hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; z-index: -3; animation: heroCamera 18s ease-in-out infinite alternate; }
.cinematic-veil { position: absolute; inset: 0; z-index: -2; background: linear-gradient(90deg,rgba(1,5,25,.97) 0%,rgba(4,12,45,.82) 36%,rgba(5,10,36,.25) 70%,rgba(1,4,20,.45) 100%),linear-gradient(180deg,rgba(1,5,25,.38),rgba(1,4,18,.12) 50%,rgba(2,5,24,.82)); }
.operations-watermark { position: absolute; inset: 110px 0 auto; height: 600px; z-index: -1; opacity: .38; pointer-events: none; }
.operations-watermark::before,.operations-watermark::after { content:""; position: absolute; border: 1px solid rgba(111,142,255,.2); border-radius: 50%; animation: orbitDrift 11s linear infinite; }
.operations-watermark::before { width: 620px; height: 620px; right: -190px; top: -110px; }
.operations-watermark::after { width: 390px; height: 390px; right: -75px; top: 5px; animation-direction: reverse; animation-duration: 8s; }
.operations-watermark span { position: absolute; width: 8px; height: 8px; border: 2px solid rgba(112,225,255,.75); border-radius: 50%; box-shadow: 0 0 24px #27c8ff; animation: dataPulse 2.4s infinite; }
.operations-watermark span:nth-child(1){right:8%;top:10%}.operations-watermark span:nth-child(2){right:28%;top:28%;animation-delay:.5s}.operations-watermark span:nth-child(3){right:17%;top:63%;animation-delay:1s}.operations-watermark span:nth-child(4){right:42%;top:72%;animation-delay:1.5s}
.cinematic-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,.92fr) minmax(560px,1.08fr); gap: clamp(46px,5.5vw,88px); align-items: center; }
.cinematic-hero .hero-copy { max-width: 690px; text-align: left; }
.cinematic-hero .eyebrow { justify-content: flex-start; color: #d1dcff; background: rgba(15,33,91,.54); border: 1px solid rgba(142,168,255,.25); backdrop-filter: blur(14px); }
.live-pulse { width: 8px; height: 8px; border-radius: 50%; background: #22dfa9; box-shadow: 0 0 0 0 rgba(34,223,169,.5); animation: livePulse 1.6s infinite; }
.cinematic-hero h1 { max-width: 720px; margin: 24px 0 25px; font-size: clamp(3.8rem,5.3vw,6.15rem); line-height: .93; letter-spacing: -.07em; text-wrap: balance; }
.cinematic-hero h1 span { display: block; color: transparent; background: linear-gradient(90deg,#fff 5%,#8bbcff 48%,#9c7cff); -webkit-background-clip: text; background-clip: text; }
.cinematic-hero .hero-lead { max-width: 650px; color: #ced7ef; font-size: 1.18rem; line-height: 1.7; }
.cinematic-hero .hero-actions { justify-content: flex-start; margin: 34px 0 38px; }
.hero-signal-path { position: relative; display: grid; grid-template-columns: repeat(4,1fr); max-width: 670px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.18); }
.hero-signal-path::after { content:""; position: absolute; left: 8px; right: 8px; top: -1px; height: 1px; background: linear-gradient(90deg,#23d8ff,#675dff,#a761ff); transform-origin: left; animation: signalTravel 4s ease-in-out infinite; }
.hero-signal-path div { display: flex; gap: 9px; align-items: center; min-width: 0; padding-right: 10px; }
.hero-signal-path i { display: grid; place-items: center; flex: 0 0 29px; width: 29px; height: 29px; border: 1px solid rgba(118,156,255,.44); border-radius: 9px; color: #a9c8ff; background: rgba(29,54,128,.58); font-size: .68rem; font-style: normal; font-weight: 800; }
.hero-signal-path b,.hero-signal-path small { display: block; }
.hero-signal-path b { color: white; font-size: .9rem; }
.hero-signal-path small { margin-top: 2px; color: #8596c3; font-size: .7rem; white-space: nowrap; }
.hero-live-stack { position: relative; width: 100%; max-width: 680px; justify-self: end; }
.live-command-card { position: relative; overflow: hidden; padding: 23px; border: 1px solid rgba(191,208,255,.24); border-radius: 30px; background: linear-gradient(145deg,rgba(8,17,55,.89),rgba(11,20,66,.7)); box-shadow: 0 36px 100px rgba(0,0,0,.48),0 0 80px rgba(66,91,255,.17); backdrop-filter: blur(24px); }
.live-command-card::before { content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px; background:linear-gradient(135deg,rgba(52,219,255,.82),transparent 32%,transparent 65%,rgba(132,92,255,.75)); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; }
.live-command-card header { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:19px; border-bottom:1px solid rgba(255,255,255,.1); }
.live-command-brand { display:flex; align-items:center; gap:12px; min-width:0; }
.brand-crop { display:block; width:49px; height:49px; overflow:hidden; border-radius:13px; background:#071144; box-shadow:0 0 24px rgba(83,101,255,.35); }
.brand-crop img { width:148px; height:49px; max-width:none; object-fit:cover; object-position:left center; }
.live-command-brand small,.live-command-brand b { display:block; }
.live-command-brand small { color:#819ad7; font-size:.68rem; font-weight:850; letter-spacing:.1em; }
.live-command-brand b { margin-top:3px; color:#fff; font-size:1rem; }
.live-now { display:flex; align-items:center; gap:7px; padding:8px 11px; border:1px solid rgba(31,218,162,.26); border-radius:999px; color:#7ceac8; background:rgba(27,211,155,.08); font-size:.7rem; font-weight:850; letter-spacing:.09em; }
.live-now i { width:7px; height:7px; border-radius:50%; background:#22dfa9; animation:livePulse 1.6s infinite; }
.turn-clock-row { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:16px 0; }
.turn-clock-row span { padding:12px 14px; border:1px solid rgba(255,255,255,.075); border-radius:14px; background:rgba(255,255,255,.035); }
.turn-clock-row small,.turn-clock-row b { display:block; }
.turn-clock-row small { color:#7f90ba; font-size:.68rem; }
.turn-clock-row b { margin-top:4px; color:white; font-size:1.05rem; }
.risk-copy { color:#ff8fa3!important; }
.live-workforce-map { position:relative; height:184px; overflow:hidden; border:1px solid rgba(130,159,255,.1); border-radius:20px; background:radial-gradient(circle at 63% 52%,rgba(84,103,255,.16),transparent 25%),linear-gradient(135deg,rgba(255,255,255,.025),rgba(23,42,101,.17)); }
.live-workforce-map::before { content:""; position:absolute; inset:0; opacity:.22; background-image:linear-gradient(rgba(134,155,226,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(134,155,226,.18) 1px,transparent 1px); background-size:32px 32px; }
.aircraft-node { position:absolute; left:52%; top:50%; display:grid; place-items:center; width:86px; height:86px; transform:translate(-50%,-50%); border:1px solid rgba(107,140,255,.45); border-radius:50%; background:rgba(15,30,89,.86); box-shadow:0 0 0 12px rgba(67,91,210,.08),0 0 55px rgba(55,98,255,.23); }
.aircraft-node b { color:#fff; font-size:2rem; transform:rotate(-18deg); }.aircraft-node small { color:#97abd9; font-size:.68rem; }
.team-node { position:absolute; display:flex; align-items:center; gap:7px; padding:7px 9px; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:rgba(8,19,60,.88); box-shadow:0 12px 22px rgba(0,0,0,.16); animation:teamFloat 4s ease-in-out infinite; }
.team-node i { display:grid; place-items:center; width:28px; height:28px; border-radius:9px; color:#dce6ff; background:#3156c1; font-size:.56rem; font-style:normal; font-weight:850; }
.team-node b,.team-node small { display:block; }.team-node b{color:white;font-size:.7rem}.team-node small{color:#8497c5;font-size:.58rem}.team-clean{left:6%;top:21%}.team-clean i{background:#d94e6c}.team-bag{right:5%;top:17%;animation-delay:.8s}.team-ramp{left:12%;bottom:15%;animation-delay:1.4s}.team-ramp i{background:#138f73}
.workforce-route { position:absolute; height:1px; transform-origin:left; background:linear-gradient(90deg,rgba(48,220,255,.15),#39ceff); box-shadow:0 0 12px rgba(39,201,255,.55); animation:routeFlow 2.8s infinite; }.route-one{left:24%;top:38%;width:31%;transform:rotate(9deg)}.route-two{left:29%;bottom:29%;width:27%;transform:rotate(-13deg);animation-delay:.8s}
.conflict-alert { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:12px; align-items:center; margin-top:13px; padding:12px 13px; border:1px solid rgba(255,75,106,.28); border-radius:15px; background:rgba(199,36,70,.1); }
.conflict-radar { position:relative; display:grid; place-items:center; width:33px; height:33px; border-radius:50%; background:rgba(255,74,105,.16); }.conflict-radar i{width:9px;height:9px;border-radius:50%;background:#ff506f;box-shadow:0 0 0 0 rgba(255,80,111,.65);animation:conflictPulse 1.35s infinite}
.conflict-alert small,.conflict-alert b { display:block; }.conflict-alert small{color:#ff89a0;font-size:.63rem;font-weight:850;letter-spacing:.06em}.conflict-alert b{margin-top:3px;color:#fff;font-size:.82rem}.conflict-alert em{color:#ff89a0;font-size:.64rem;font-style:normal;font-weight:850}
.ai-recovery-card { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:12px; align-items:center; margin-top:10px; padding:13px; border:1px solid rgba(119,149,255,.24); border-radius:16px; background:linear-gradient(135deg,rgba(57,78,172,.31),rgba(55,36,126,.28)); }
.ai-recovery-icon { display:grid; place-items:center; width:34px;height:34px;border-radius:11px;color:white;background:linear-gradient(135deg,#2e7cff,#7857f4);box-shadow:0 8px 24px rgba(66,89,255,.3)}
.ai-recovery-card small,.ai-recovery-card b,.ai-recovery-card p{display:block}.ai-recovery-card small{color:#93a9e0;font-size:.62rem;font-weight:850;letter-spacing:.08em}.ai-recovery-card b{margin-top:3px;color:white;font-size:.82rem;line-height:1.35}.ai-recovery-card p{margin:3px 0 0;color:#91a2ce;font-size:.67rem;line-height:1.35}
.confidence-ring { display:grid; place-items:center; width:49px;height:49px;border:4px solid #39d3aa;border-left-color:rgba(57,211,170,.2);border-radius:50%;transform:rotate(9deg)}.confidence-ring b,.confidence-ring small{transform:rotate(-9deg)}.confidence-ring b{color:white;font-size:.69rem}.confidence-ring small{margin-top:-10px;color:#79bca9;font-size:.5rem}
.recovery-progress { display:flex; align-items:center; gap:14px; margin-top:13px; }.recovery-progress>span{min-width:150px}.recovery-progress b,.recovery-progress small{display:block}.recovery-progress b{color:#b7c6ee;font-size:.69rem}.recovery-progress small{margin-top:2px;color:#6f81b0;font-size:.58rem}.recovery-progress>div{flex:1;height:6px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.07)}.recovery-progress i{display:block;width:82%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#24d7ff,#38d2a2);animation:recoveryFill 4s ease-in-out infinite}
.hero-brand-banner { width:76%; margin:-1px 18px 0 auto; overflow:hidden; border:1px solid rgba(255,255,255,.15); border-radius:0 0 20px 20px; background:rgba(6,12,40,.88); box-shadow:0 24px 55px rgba(0,0,0,.28); }
.hero-brand-banner img { display:block; width:100%; height:92px; object-fit:cover; object-position:center; }
.hero-brand-banner figcaption { display:flex; justify-content:space-between; gap:8px; padding:9px 13px; color:#8da0cf; font-size:.6rem; font-weight:720; }
.hero-scroll-cue { position:absolute; left:50%; bottom:23px; z-index:2; display:flex; align-items:center; gap:10px; transform:translateX(-50%); color:#6f81ae; font-size:.62rem; font-weight:800; letter-spacing:.14em; }
.hero-scroll-cue span { width:28px; height:40px; border:1px solid rgba(162,181,238,.28); border-radius:16px; }.hero-scroll-cue span::after{content:"";display:block;width:4px;height:8px;margin:8px auto;border-radius:4px;background:#8ea9ff;animation:scrollCue 1.8s infinite}

.bot-video-stage { overflow:hidden; border:1px solid rgba(151,174,255,.24); border-radius:30px; background:linear-gradient(155deg,rgba(24,45,113,.62),rgba(10,15,55,.74)); box-shadow:0 38px 110px rgba(0,0,0,.44),0 0 70px rgba(72,92,255,.13); }
.bot-video-frame { position:relative; padding:13px; }
.bot-video-frame video { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; border:1px solid rgba(255,255,255,.14); border-radius:20px; background:#f6f8fd; box-shadow:0 20px 52px rgba(0,0,0,.28); }
.bot-video-live { position:absolute; top:31px; left:31px; display:flex; align-items:center; gap:7px; padding:8px 11px; border:1px solid rgba(255,255,255,.22); border-radius:999px; color:white; background:rgba(3,9,38,.76); backdrop-filter:blur(10px); font-size:.68rem; font-weight:850; letter-spacing:.08em; pointer-events:none; }
.bot-video-live i { width:7px;height:7px;border-radius:50%;background:#21dfa7;animation:livePulse 1.5s infinite; }
.bot-video-chapters { display:grid; grid-template-columns:repeat(6,1fr); gap:1px; margin:0 13px; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:15px; background:rgba(255,255,255,.08); }
.bot-video-chapters span { display:flex; align-items:center; gap:8px; min-width:0; padding:13px 10px; color:#a9b7dc; background:rgba(4,10,39,.72); font-size:.72rem; font-weight:720; white-space:nowrap; }
.bot-video-chapters i { display:grid; place-items:center; flex:0 0 24px; width:24px;height:24px;border-radius:8px;color:#dce5ff;background:#274cb5;font-size:.58rem;font-style:normal;font-weight:850; }
.bot-video-note { display:flex; gap:11px; align-items:center; margin:0; padding:15px 18px 19px; color:#8fa0cd; font-size:.82rem; line-height:1.45; }
.bot-video-note span { flex:0 0 auto; padding:5px 8px; border-radius:999px; color:#83ebc7; background:rgba(31,213,161,.1); font-size:.66rem; font-weight:850; letter-spacing:.05em; }
.bot-manual-shell { display:none!important; }

@keyframes heroCamera { from{transform:scale(1.01) translate3d(0,0,0)} to{transform:scale(1.055) translate3d(-1.1%,.3%,0)} }
@keyframes orbitDrift { to{transform:rotate(360deg)} }
@keyframes dataPulse { 0%,100%{opacity:.35;transform:scale(.82)} 50%{opacity:1;transform:scale(1.35)} }
@keyframes livePulse { 70%{box-shadow:0 0 0 8px rgba(34,223,169,0)} 100%{box-shadow:0 0 0 0 rgba(34,223,169,0)} }
@keyframes signalTravel { 0%,100%{transform:scaleX(.12);opacity:.4} 50%{transform:scaleX(1);opacity:1} }
@keyframes teamFloat { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-5px)} }
@keyframes routeFlow { 0%,100%{opacity:.25;filter:brightness(.8)} 50%{opacity:1;filter:brightness(1.45)} }
@keyframes conflictPulse { 70%{box-shadow:0 0 0 13px rgba(255,80,111,0)} 100%{box-shadow:0 0 0 0 rgba(255,80,111,0)} }
@keyframes recoveryFill { 0%,100%{width:56%} 50%{width:92%} }
@keyframes scrollCue { 0%{transform:translateY(0);opacity:0} 35%{opacity:1} 100%{transform:translateY(15px);opacity:0} }

@media (max-width: 1140px) {
  .site-header .brand img { width:160px; height:51px; }
  .cinematic-hero { min-height:0; padding-top:135px; }
  .cinematic-grid { grid-template-columns:1fr; }
  .cinematic-hero .hero-copy { max-width:820px; }
  .hero-live-stack { max-width:820px; justify-self:stretch; margin:0 auto; }
  .cinematic-veil { background:linear-gradient(90deg,rgba(1,5,25,.96),rgba(4,12,45,.7)),linear-gradient(180deg,rgba(1,5,25,.2),rgba(1,4,18,.8)); }
  .hero-brand-banner { width:64%; }
  .bot-video-chapters { grid-template-columns:repeat(3,1fr); }
}

@media (max-width: 760px) {
  .site-header .brand img { width:146px; height:48px; }
  .cinematic-hero { padding:112px 0 78px; }
  .cinematic-hero h1 { font-size:clamp(3rem,14vw,4.8rem); }
  .cinematic-hero .hero-lead { font-size:1.02rem; }
  .hero-signal-path { grid-template-columns:repeat(2,1fr); gap:16px 8px; }
  .live-command-card { padding:15px; border-radius:22px; }
  .turn-clock-row { grid-template-columns:1fr 1fr; }.turn-clock-row span:last-child{grid-column:1/-1}
  .live-workforce-map { height:170px; }
  .team-bag { right:2%; }.team-ramp{left:4%}
  .ai-recovery-card { grid-template-columns:auto minmax(0,1fr); }.confidence-ring{display:none}
  .hero-brand-banner { width:92%; margin-right:auto; }
  .hero-brand-banner img { height:auto; aspect-ratio:618/230; }
  .hero-scroll-cue { display:none; }
  .bot-video-stage { border-radius:21px; }
  .bot-video-frame { padding:7px; }.bot-video-frame video{border-radius:15px}
  .bot-video-live { top:18px; left:18px; font-size:.56rem; }
  .bot-video-chapters { grid-template-columns:repeat(2,1fr); margin:0 7px; }
  .bot-video-chapters span { padding:10px 8px; font-size:.68rem; }
  .bot-video-note { align-items:flex-start; flex-direction:column; padding:14px; }
}

@media (prefers-reduced-motion: reduce) {
  .cinematic-hero-image,.operations-watermark::before,.operations-watermark::after,.operations-watermark span,.hero-signal-path::after,.team-node,.workforce-route,.recovery-progress i { animation:none!important; }
}

/* Version 17: clearer live disruption story and blended brand treatment */
.site-header .brand img { width: 194px; height: 58px; object-fit: contain; object-position: left center; border: 0; border-radius: 0; background: transparent; box-shadow: none; filter: drop-shadow(0 7px 18px rgba(71,93,255,.18)); }
.footer-tq-brand { gap: 11px!important; color: white; font-size: 1.25rem!important; font-weight: 800!important; }
.footer-tq-brand img { width: 48px!important; height: 48px!important; border-radius: 13px!important; object-fit: cover!important; filter: none!important; box-shadow: 0 0 24px rgba(65,84,255,.25)!important; }
.planner-roster-mark { background-image: url('assets/tq-logo.jpg'); background-position: center; background-size: 88%; }

.cinematic-hero { min-height: 980px; }
.cinematic-grid { grid-template-columns: minmax(0,.88fr) minmax(590px,1.12fr); gap: clamp(42px,4.5vw,74px); }
.cinematic-hero .hero-copy { max-width: 650px; }
.cinematic-hero h1 { max-width: 680px; font-size: clamp(3.65rem,5.1vw,5.8rem); }
.cinematic-hero .hero-lead { max-width: 620px; }
.hero-live-stack { max-width: 740px; }
.hero-brand-banner,.recovery-progress { display: none!important; }

.turn-recovery-board { position: relative; overflow: hidden; padding: 20px; border: 1px solid rgba(179,201,255,.26); border-radius: 30px; color: white; background: linear-gradient(148deg,rgba(8,18,59,.94),rgba(8,15,48,.84)); box-shadow: 0 38px 110px rgba(0,0,0,.48),0 0 90px rgba(65,90,255,.16); backdrop-filter: blur(26px); }
.turn-recovery-board::before { content:""; position:absolute; inset:-1px; border-radius:inherit; padding:1px; background:linear-gradient(135deg,rgba(53,219,255,.8),transparent 30%,transparent 67%,rgba(132,92,255,.72)); -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; }
.recovery-board-head { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:14px; border-bottom:1px solid rgba(255,255,255,.09); }
.compact-brand { display:grid; place-items:center; width:49px; height:49px; overflow:hidden; border:1px solid rgba(255,255,255,.16); border-radius:14px; background:#06103e; box-shadow:0 0 24px rgba(83,101,255,.28); }
.compact-brand img { width:100%; height:100%; object-fit:cover; }

.recovery-steps { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:6px; margin:14px 0; padding:5px; border:1px solid rgba(139,163,235,.12); border-radius:15px; background:rgba(2,8,33,.46); }
.recovery-steps button { display:flex; align-items:center; justify-content:center; gap:7px; min-width:0; min-height:38px; padding:7px 8px; border:1px solid transparent; border-radius:11px; color:#8395c2; background:transparent; font-family:inherit; cursor:pointer; transition:.3s ease; }
.recovery-steps button i { display:grid; place-items:center; flex:0 0 23px; width:23px; height:23px; border-radius:7px; color:#8ea4dc; background:rgba(85,108,179,.19); font-size:.58rem; font-style:normal; font-weight:850; }
.recovery-steps button span { overflow:hidden; font-size:.68rem; font-weight:780; text-overflow:ellipsis; white-space:nowrap; }
.recovery-steps button.active { color:white; border-color:rgba(102,139,255,.34); background:linear-gradient(135deg,rgba(50,91,202,.4),rgba(72,49,158,.26)); box-shadow:0 7px 19px rgba(17,35,91,.24); }
.recovery-steps button.active i { color:white; background:linear-gradient(135deg,#2f6dff,#7657ef); box-shadow:0 0 18px rgba(70,101,255,.35); }

.flight-impact-grid { display:grid; grid-template-columns:1fr 94px 1fr; gap:9px; align-items:stretch; }
.impact-flight { min-width:0; padding:12px 13px; border:1px solid rgba(255,255,255,.08); border-radius:16px; background:rgba(255,255,255,.035); }
.impact-flight > span { display:flex; align-items:center; gap:6px; color:#8fa3d4; font-size:.59rem; font-weight:850; letter-spacing:.07em; }
.impact-flight > span i { width:7px; height:7px; border-radius:50%; background:#ff516f; animation:conflictPulse 1.35s infinite; }
.impact-flight strong { display:block; margin:7px 0 2px; font-size:1.28rem; line-height:1; }
.impact-flight small,.impact-flight b { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.impact-flight small { color:#8a9bc6; font-size:.68rem; }.impact-flight b{margin-top:7px;color:#dce4fb;font-size:.72rem}
.delayed-flight { border-color:rgba(255,79,111,.3); background:linear-gradient(135deg,rgba(179,34,65,.13),rgba(255,255,255,.025)); }
.delayed-flight > span { color:#ff8da1; }
.next-flight { border-color:rgba(79,125,255,.25); }
.impact-connector { position:relative; display:grid; place-items:center; align-content:center; min-width:0; }
.impact-connector::before,.impact-connector::after { content:""; position:absolute; top:50%; width:26%; border-top:1px dashed rgba(255,87,117,.65); }.impact-connector::before{left:0}.impact-connector::after{right:0}
.impact-connector span { position:absolute; width:12px; height:12px; border:2px solid #ff667e; border-radius:50%; background:#7c1535; box-shadow:0 0 0 7px rgba(255,70,103,.08); animation:conflictPulse 1.5s infinite; }
.impact-connector b,.impact-connector small { position:relative; z-index:1; display:block; padding:2px 5px; color:#ff91a5; background:#0a123d; text-align:center; }
.impact-connector b{margin-top:-24px;font-size:.73rem}.impact-connector small{margin-top:26px;color:#899bc8;font-size:.56rem}

.resource-conflicts { display:grid; gap:7px; margin-top:10px; }
.resource-conflict-row { display:grid; grid-template-columns:118px minmax(102px,1fr) 108px minmax(102px,1fr); gap:7px; align-items:center; padding:8px; border:1px solid rgba(255,255,255,.07); border-radius:14px; background:rgba(255,255,255,.025); }
.resource-name { display:grid; grid-template-columns:30px 1fr; column-gap:8px; align-items:center; min-width:0; }
.resource-name i { grid-row:1/3; display:grid; place-items:center; width:30px;height:30px;border-radius:9px;color:white;background:#3158be;font-size:.55rem;font-style:normal;font-weight:850}.ramp-conflict .resource-name i{background:#168d73}
.resource-name b,.resource-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-name b{font-size:.72rem}.resource-name small{color:#8193c1;font-size:.59rem}
.resource-flight { min-width:0; padding:7px 8px; border-radius:10px; background:rgba(27,48,112,.44); }
.resource-flight b,.resource-flight small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-flight b{font-size:.68rem}.resource-flight small{margin-top:2px;color:#8fa2d1;font-size:.58rem}.resource-flight.next{background:rgba(60,42,121,.42)}
.conflict-link { position:relative; display:grid; justify-items:center; gap:4px; min-width:0; }
.conflict-link::before { content:""; position:absolute; left:4px; right:4px; top:5px; border-top:1px dashed rgba(255,86,117,.65); }
.conflict-link i { position:relative; width:10px;height:10px;border:2px solid #ff6d86;border-radius:50%;background:#72152e;box-shadow:0 0 0 5px rgba(255,74,105,.08);animation:conflictPulse 1.35s infinite}
.conflict-link em { position:relative; padding:2px 5px; border-radius:5px; color:#ff91a5; background:#121845; font-size:.54rem; font-style:normal; font-weight:750; white-space:nowrap; }

.hero-stage-message { display:grid; grid-template-columns:37px minmax(0,1fr); gap:11px; align-items:center; min-height:79px; margin-top:10px; padding:11px 13px; border:1px solid rgba(255,79,111,.2); border-radius:15px; background:linear-gradient(135deg,rgba(164,33,62,.11),rgba(63,37,112,.09)); transition:.3s ease; }
.stage-message-icon { display:grid; place-items:center; width:37px;height:37px;border-radius:12px;color:white;background:linear-gradient(135deg,#ee3f63,#a64176);font-size:1rem;font-weight:900;box-shadow:0 8px 22px rgba(191,42,78,.22)}
.hero-stage-message small,.hero-stage-message b,.hero-stage-message p{display:block}.hero-stage-message small{color:#ff8ca1;font-size:.6rem;font-weight:850;letter-spacing:.09em}.hero-stage-message b{margin-top:3px;font-size:.83rem}.hero-stage-message p{margin:3px 0 0;color:#94a3cc;font-size:.66rem;line-height:1.4}

.recovery-mix { margin-top:10px; padding:11px; border:1px solid rgba(112,145,255,.18); border-radius:16px; background:linear-gradient(135deg,rgba(45,67,148,.19),rgba(48,31,105,.15)); transition:opacity .35s ease,transform .35s ease,box-shadow .35s ease; }
.recovery-mix-head { display:flex; justify-content:space-between; gap:12px; align-items:center; margin-bottom:7px; }
.recovery-mix-head span { display:flex;align-items:center;gap:7px;color:#e6ebff;font-size:.7rem;font-weight:800}.recovery-mix-head span i{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;color:white;background:linear-gradient(135deg,#3978ff,#8054ed);font-style:normal}.recovery-mix-head small{color:#7ee0c2;font-size:.6rem;font-weight:800}
.recovery-action { display:grid; grid-template-columns:31px minmax(0,1fr) auto; gap:9px; align-items:center; min-width:0; padding:8px 9px; border-top:1px solid rgba(255,255,255,.065); transition:.3s ease; }
.recovery-action > i { display:grid;place-items:center;width:31px;height:31px;border-radius:9px;color:#dce6ff;background:#294da8;font-size:.58rem;font-style:normal;font-weight:850}.release-action>i{color:#72e3c2;background:rgba(26,150,118,.26)}.assign-action>i{color:#e0d5ff;background:rgba(112,72,202,.32);font-size:.9rem}
.recovery-action span{min-width:0}.recovery-action b,.recovery-action small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recovery-action b{font-size:.7rem}.recovery-action small{margin-top:2px;color:#8fa0cc;font-size:.59rem}.recovery-action em{padding:5px 7px;border-radius:8px;color:#a8bbec;background:rgba(255,255,255,.05);font-size:.58rem;font-style:normal;font-weight:780;white-space:nowrap}

.recovery-decision { display:grid; grid-template-columns:minmax(0,1fr) 180px; gap:10px; align-items:center; margin-top:10px; }
.recovery-outcome { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
.recovery-outcome span { min-width:0; padding:8px 9px; border:1px solid rgba(255,255,255,.07); border-radius:11px; background:rgba(255,255,255,.025); }
.recovery-outcome small,.recovery-outcome b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recovery-outcome small{color:#788bb9;font-size:.55rem}.recovery-outcome b{margin-top:3px;color:#dfe7ff;font-size:.7rem}
#hero-decision-button { min-height:53px; padding:8px 12px; border:1px solid rgba(139,162,255,.25); border-radius:13px; color:white; background:linear-gradient(135deg,#326aff,#7457ed); font-family:inherit; cursor:pointer; box-shadow:0 12px 25px rgba(50,79,211,.23); transition:.25s ease; }
#hero-decision-button span,#hero-decision-button small{display:block}#hero-decision-button span{font-size:.7rem;font-weight:820}#hero-decision-button small{margin-top:3px;color:#d4defe;font-size:.56rem}
#hero-decision-button:hover { transform:translateY(-2px); box-shadow:0 16px 29px rgba(50,79,211,.31); }

.turn-recovery-board[data-stage="conflict"] .recovery-mix,.turn-recovery-board[data-stage="conflict"] .recovery-outcome { opacity:.46; }
.turn-recovery-board[data-stage="recommendation"] .recovery-mix { box-shadow:0 0 0 2px rgba(87,117,255,.2),0 14px 34px rgba(23,42,108,.25); transform:translateY(-2px); }
.turn-recovery-board[data-stage="recommendation"] .recovery-action { animation:recoveryActionIn .5s ease both; }.turn-recovery-board[data-stage="recommendation"] .release-action{animation-delay:.12s}.turn-recovery-board[data-stage="recommendation"] .assign-action{animation-delay:.24s}
.turn-recovery-board[data-stage="approval"] #hero-decision-button { animation:approvalPulse 1.25s infinite; }
.turn-recovery-board[data-stage="dispatch"] .impact-connector::before,.turn-recovery-board[data-stage="dispatch"] .impact-connector::after,.turn-recovery-board[data-stage="dispatch"] .conflict-link::before { border-color:rgba(52,218,169,.72); }
.turn-recovery-board[data-stage="dispatch"] .impact-connector span,.turn-recovery-board[data-stage="dispatch"] .conflict-link i { border-color:#43d9ad;background:#126a59;box-shadow:0 0 0 6px rgba(54,218,171,.08);animation:none}
.turn-recovery-board[data-stage="dispatch"] .impact-connector b,.turn-recovery-board[data-stage="dispatch"] .conflict-link em { color:#72e6c4; }
.turn-recovery-board[data-stage="dispatch"] .hero-stage-message { border-color:rgba(62,215,170,.28);background:linear-gradient(135deg,rgba(25,151,117,.12),rgba(43,60,130,.1))}
.turn-recovery-board[data-stage="dispatch"] .stage-message-icon { background:linear-gradient(135deg,#16a77f,#3c79dd); }
.turn-recovery-board[data-stage="dispatch"] #hero-decision-button { background:linear-gradient(135deg,#138d6d,#2a77c8); }

@keyframes recoveryActionIn { from{opacity:.32;transform:translateX(9px)} to{opacity:1;transform:none} }
@keyframes approvalPulse { 0%,100%{box-shadow:0 12px 25px rgba(50,79,211,.23)} 50%{box-shadow:0 0 0 7px rgba(86,107,255,.09),0 16px 33px rgba(50,79,211,.38)} }

.bot-video-frame { padding: 11px; }
.bot-video-frame video { border-radius: 18px; image-rendering: auto; }
.bot-video-live { display:none!important; }
.bot-video-note span { color:#a8b9ea; background:rgba(102,125,205,.12); }

@media (max-width: 1180px) {
  .site-header .brand img { width:168px; height:52px; }
  .cinematic-hero { min-height:0; }
  .cinematic-grid { grid-template-columns:1fr; }
  .cinematic-hero .hero-copy { max-width:800px; }
  .hero-live-stack { max-width:820px; }
}

@media (max-width: 720px) {
  .site-header .brand img { width:145px; height:45px; }
  .turn-recovery-board { padding:13px; border-radius:22px; }
  .recovery-steps { grid-template-columns:1fr 1fr; }
  .flight-impact-grid { grid-template-columns:1fr; }
  .impact-connector { min-height:48px; }.impact-connector::before,.impact-connector::after{top:50%;width:39%}.impact-connector b{margin:0}.impact-connector small{margin:18px 0 0}
  .resource-conflict-row { grid-template-columns:105px 1fr; }
  .conflict-link { grid-column:1/-1; min-height:22px; }.conflict-link::before{top:5px}.resource-flight.next{grid-column:2}
  .recovery-action { grid-template-columns:31px minmax(0,1fr); }.recovery-action em{grid-column:2;justify-self:start}
  .recovery-decision { grid-template-columns:1fr; }
  #hero-decision-button { width:100%; }
  .recovery-outcome small,.recovery-outcome b { white-space:normal; }
}

/* Version 18: TurnIQBot brand system and operational intelligence graphics */
.turniqbot-wordmark { display:inline-flex; align-items:center; gap:2px; min-height:46px; }
.turniqbot-wordmark img { display:block; width:178px; height:58px; object-fit:contain; object-position:left center; filter:drop-shadow(0 9px 22px rgba(46,92,255,.22)); }
.turniqbot-wordmark > span { margin-left:-3px; color:#b9caff; font-size:1.72rem; font-weight:850; letter-spacing:-.06em; }
.turniqbot-type { display:flex; align-items:baseline; color:white; font-size:1.24rem; font-weight:850; letter-spacing:-.055em; }
.turniqbot-type > span { color:#9db6ff; }
.turniqbot-answer-type { color:#294aa5!important; font-size:.86rem!important; font-weight:850!important; letter-spacing:-.025em!important; text-transform:none!important; }
.turniqbot-answer-type b { color:#7659e8; }
.bot-insight,.bot-follow-up,.bot-answer,.bot-answer-content { min-width:0; }
.bot-insight strong,.bot-insight p,.bot-follow-up p,.bot-composer-copy p { max-width:100%; overflow-wrap:anywhere; word-break:normal; }

.bot-intro { grid-template-columns:minmax(0,1fr) minmax(430px,.75fr); align-items:center; }
.bot-intro h2 { margin-top:5px; }
.bot-signal-grid { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:22px; align-items:center; }
.bot-signal-grid::before { content:""; position:absolute; z-index:0; left:13%; right:13%; top:24px; height:1px; background:linear-gradient(90deg,rgba(71,132,255,.2),rgba(48,218,189,.75),rgba(132,98,255,.3)); }
.bot-signal-grid::after { content:""; position:absolute; z-index:0; left:12%; top:21px; width:7px; height:7px; border-radius:50%; background:#53e8c6; box-shadow:0 0 18px #53e8c6; animation:botSignalTravel 5s ease-in-out infinite; }
.bot-signal-grid span { position:relative; z-index:1; display:grid; justify-items:center; min-width:0; color:#dce5ff; text-align:center; }
.bot-signal-grid i { display:grid; place-items:center; width:49px; height:49px; border:1px solid rgba(137,166,255,.32); border-radius:16px; color:#a8bdff; background:linear-gradient(145deg,rgba(57,91,188,.55),rgba(28,34,96,.9)); box-shadow:0 12px 28px rgba(1,7,31,.3); }
.bot-signal-grid svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.bot-signal-grid b,.bot-signal-grid small { display:block; }
.bot-signal-grid b { margin-top:10px; font-size:.9rem; }
.bot-signal-grid small { margin-top:2px; color:#899ac6; font-size:.72rem; }
.bot-video-stage { position:relative; padding-bottom:13px; }
.bot-video-stage::before { content:""; position:absolute; inset:-80px 14% auto; height:120px; border-radius:50%; background:rgba(78,105,255,.25); filter:blur(70px); pointer-events:none; }
.bot-video-chapters { margin-bottom:0; }
.bot-video-chapters span { position:relative; overflow:hidden; }
.bot-video-chapters span::after { content:""; position:absolute; left:0; right:100%; bottom:0; height:2px; background:linear-gradient(90deg,#31d6ff,#735bff); animation:chapterScan 8.2s ease-in-out infinite; }
.bot-video-chapters span:nth-child(2)::after{animation-delay:1.3s}.bot-video-chapters span:nth-child(3)::after{animation-delay:2.6s}.bot-video-chapters span:nth-child(4)::after{animation-delay:3.9s}.bot-video-chapters span:nth-child(5)::after{animation-delay:5.2s}.bot-video-chapters span:nth-child(6)::after{animation-delay:6.5s}
.bot-video-note { display:none!important; }

.solution-flow { color:var(--ink); background:radial-gradient(circle at 8% 8%,rgba(55,114,255,.13),transparent 28%),radial-gradient(circle at 92% 85%,rgba(125,86,255,.12),transparent 30%),linear-gradient(180deg,#f7faff,#eef4ff); }
.solution-flow .section-heading .kicker { color:#315bc8; }
.solution-flow .section-heading h2 { color:#071536; }
.solution-flow .section-heading p { color:#5b6b8f; }
.turniq-flow { position:relative; overflow:hidden; border:1px solid #d9e4f7; border-radius:31px; background:rgba(255,255,255,.92); box-shadow:0 34px 90px rgba(31,59,126,.13); }
.turniq-flow::before { content:""; position:absolute; z-index:0; inset:97px 10% auto; height:210px; background:radial-gradient(ellipse at center,rgba(70,117,255,.11),transparent 68%); pointer-events:none; }
.flow-outcome { position:relative; z-index:1; min-height:105px; border-bottom:0; color:white; background:linear-gradient(105deg,#07163f,#17367f 58%,#382081); }
.flow-outcome::after { content:""; position:absolute; inset:auto 0 0; height:3px; background:linear-gradient(90deg,#32d8ff,#4f6dff,#a663ff); }
.flow-outcome small { color:#8ea5df; }
.flow-outcome strong { color:white; }
.guardrail-list span { border-color:rgba(187,207,255,.22); color:#d4def8; background:rgba(255,255,255,.075); }
.flow-stages { position:relative; z-index:1; grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr) 38px minmax(0,1fr) 38px minmax(0,1fr) 38px minmax(0,1fr); padding:35px 25px 28px; }
.flow-stage { --flow-accent:#3979f4; position:relative; isolation:isolate; min-height:390px; padding:18px 18px 22px; overflow:hidden; border:1px solid #dfe7f5; border-radius:24px 24px 38px 24px; color:#0a183b; background:linear-gradient(155deg,#fff,#f6f9ff); box-shadow:0 15px 34px rgba(25,55,121,.08); }
.flow-stage::before { content:""; position:absolute; z-index:-1; width:132px; height:132px; right:-56px; top:-57px; border-radius:50%; background:color-mix(in srgb,var(--flow-accent) 17%,transparent); transition:transform .45s ease; }
.flow-stage::after { content:""; position:absolute; left:0; top:72px; bottom:26px; width:3px; border-radius:6px; background:linear-gradient(180deg,var(--flow-accent),transparent); opacity:.7; }
.flow-stage:hover { transform:translateY(-7px); border-color:color-mix(in srgb,var(--flow-accent) 42%,#dfe7f5); background:linear-gradient(155deg,#fff,#f4f7ff); box-shadow:0 24px 48px rgba(25,55,121,.14); }
.flow-stage:hover::before { transform:scale(1.24); }
.demand-stage{--flow-accent:#18ae83}.plan-stage{--flow-accent:#7858ed;border-color:#dcd5fa;background:linear-gradient(155deg,#fff,#f5f2ff)}.operate-stage{--flow-accent:#ee7548}.live-stage{--flow-accent:#12a9d5;border-color:#cfeaf3}
.stage-top span { background:color-mix(in srgb,var(--flow-accent) 12%,white)!important; color:var(--flow-accent)!important; }
.stage-top small { color:#7280a1; }
.flow-stage-icon { display:grid; place-items:center; width:64px; height:64px; margin-top:22px; border:1px solid color-mix(in srgb,var(--flow-accent) 28%,#e2e8f4); border-radius:21px; color:var(--flow-accent); background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--flow-accent) 9%,#fff)); box-shadow:0 13px 26px color-mix(in srgb,var(--flow-accent) 13%,transparent); }
.flow-stage-icon svg { width:31px; height:31px; fill:none; stroke:currentColor; stroke-width:1.65; stroke-linecap:round; stroke-linejoin:round; }
.flow-stage h3 { margin:19px 0 8px; color:#0b183c; font-size:1.17rem; }
.flow-stage p { min-height:96px; color:#5e6d8f; font-size:.86rem; line-height:1.55; }
.flow-stage li { margin:9px 0; padding-left:18px; color:#30405f; font-size:.78rem; line-height:1.42; }
.flow-stage li::before { top:.28em; width:10px; height:10px; border-radius:50%; background:color-mix(in srgb,var(--flow-accent) 16%,white); box-shadow:inset 0 0 0 3px var(--flow-accent); }
.stage-arrow i { height:2px; overflow:visible; background:linear-gradient(90deg,#b4c3df,#7894d9); }
.stage-arrow i::before { content:""; position:absolute; top:-4px; left:0; width:9px; height:9px; border-radius:50%; background:#5278d6; box-shadow:0 0 0 5px rgba(67,107,208,.09); animation:flowPacket 2.7s ease-in-out infinite; }
.stage-arrow i::after { border-color:#7894d9; }
.stage-arrow:nth-of-type(4) i::before{animation-delay:.55s}.stage-arrow:nth-of-type(6) i::before{animation-delay:1.1s}.stage-arrow:nth-of-type(8) i::before{animation-delay:1.65s}
.feedback-lane { padding:0 25px 27px; }
.feedback-line { color:#617296; font-size:.72rem; font-weight:720; }
.feedback-line i { background:linear-gradient(90deg,transparent,#8ca3d6); }
.feedback-line i:last-child { background:linear-gradient(90deg,#8ca3d6,transparent); }
.copilot-bar { display:none!important; }

.stage-visual { position:relative; overflow:hidden; }
.stage-visual::after { content:""; position:absolute; inset:-35% auto -35% -32%; width:24%; background:linear-gradient(90deg,transparent,rgba(116,201,255,.24),rgba(255,255,255,.42),transparent); transform:skewX(-18deg); animation:moduleScan 8s ease-in-out infinite; pointer-events:none; }
.module-stage:nth-child(2) .stage-visual::after{animation-delay:2.2s}.module-stage:nth-child(3) .stage-visual::after{animation-delay:4.4s}
.integration-hub .hub-orbit { animation:hubOrbit 15s linear infinite; }
.integration-hub .orbit-two { animation-direction:reverse; animation-duration:22s; }
.module-policy-rail { position:relative; overflow:hidden; }
.module-policy-rail::after { content:""; position:absolute; left:-20%; bottom:0; width:20%; height:2px; background:linear-gradient(90deg,transparent,#4be4c2,#7964ff); animation:policySweep 7s linear infinite; }

@keyframes botSignalTravel { 0%{left:12%;opacity:0} 12%{opacity:1} 88%{opacity:1} 100%{left:86%;opacity:0} }
@keyframes chapterScan { 0%,13%{right:100%} 22%,82%{right:0} 91%,100%{left:100%;right:0} }
@keyframes flowPacket { 0%{left:0;opacity:0} 18%{opacity:1} 82%{opacity:1} 100%{left:calc(100% - 9px);opacity:0} }
@keyframes moduleScan { 0%,66%{left:-32%;opacity:0} 72%{opacity:1} 92%{left:118%;opacity:.8} 100%{left:118%;opacity:0} }
@keyframes hubOrbit { to{transform:rotate(360deg)} }
@keyframes policySweep { to{left:110%} }

@media (max-width:1050px) {
  .bot-intro { grid-template-columns:1fr; gap:28px; }
  .bot-signal-grid { max-width:650px; }
  .flow-stages { display:flex; overflow-x:auto; scroll-snap-type:x proximity; }
  .flow-stage { flex:0 0 255px; min-height:390px; scroll-snap-align:start; }
  .stage-arrow { flex:0 0 38px; }
}

@media (max-width:620px) {
  .turniqbot-wordmark img { width:150px; height:49px; }.turniqbot-wordmark>span{font-size:1.48rem}
  .bot-signal-grid { grid-template-columns:1fr; gap:17px; }.bot-signal-grid::before{left:24px;right:auto;top:13%;bottom:13%;width:1px;height:auto}.bot-signal-grid::after{left:21px;top:11%;animation:botSignalTravelMobile 5s ease-in-out infinite}
  .bot-signal-grid span { grid-template-columns:49px minmax(0,1fr); column-gap:12px; justify-items:start; text-align:left; }.bot-signal-grid i{grid-row:1/3}.bot-signal-grid b{margin-top:4px}.bot-signal-grid small{margin-top:-8px}
  .flow-outcome { align-items:flex-start; flex-direction:column; }.guardrail-list{justify-content:flex-start}
  .flow-stage { flex-basis:245px; }.flow-stage p{min-height:0}
}

@keyframes botSignalTravelMobile { 0%{top:11%;opacity:0} 12%{opacity:1} 88%{opacity:1} 100%{top:83%;opacity:0} }