.tm-story{--story-shadow:0 18px 50px #174b8820}.tm-story h1{font-size:clamp(48px,5.4vw,76px);line-height:1.04;letter-spacing:-3px;margin:22px 0 26px;font-weight:700}.tm-story h1 em{font-style:normal;color:var(--tm-blue)}.tm-story h2{font-size:clamp(36px,4.2vw,56px);letter-spacing:-1.8px}.tm-story h3{font-size:26px}.tm-story p{font-size:20px;line-height:1.65}.tm-story .tm-kicker{font-size:18px!important}.tm-story img{display:block;width:100%;height:auto}.tm-story .tm-access>div{flex:1}.tm-story .tm-access h2{font-size:26px}.tm-story .tm-access p{font-size:18px}.tm-story .tm-nav-links{gap:20px}.tm-story .tm-wordmark{font-size:22px}.tm-story .tm-nav{gap:15px}.story-hero{display:grid;grid-template-columns:1fr 1.12fr;align-items:center;background:linear-gradient(135deg,var(--tm-card),var(--tm-sky));overflow:hidden}.story-intro{padding:56px 0 56px 42px;z-index:1}.story-intro .tm-button{margin-top:26px}.tm-story .story-lead{font-size:24px}.story-hero-art{position:relative;padding:30px 0}.story-hero-art img{border-radius:50% 0 0 50%;aspect-ratio:1/1;object-fit:cover}.story-sticker{position:absolute;bottom:36px;left:25px;transform:rotate(-5deg);padding:14px 20px;background:var(--tm-card);border:2px solid var(--tm-line);box-shadow:var(--story-shadow);border-radius:12px;font-size:18px;font-weight:700;color:var(--tm-brown)}.story-route{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:25px 36px;border-block:1px solid var(--tm-line);background:var(--tm-card);font-size:18px;font-weight:700}.story-route b{color:var(--tm-brown)}.story-discover,.story-finish,.story-keep{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:36px;padding:64px 36px}.story-discover figure,.story-finish figure{border-radius:25px;overflow:hidden;box-shadow:var(--story-shadow)}.story-discover .tm-kicker,.story-finish .tm-kicker,.story-keep .tm-kicker{margin-bottom:18px}.story-discover h2,.story-finish h2,.story-keep h2{margin-bottom:24px}.research-tokens{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.research-tokens span{border:1px solid var(--tm-line);border-radius:12px;padding:10px 14px;background:var(--tm-card);font-size:18px;color:var(--tm-blue);font-weight:600}.story-board-section,.story-channels{padding:64px 36px;background:var(--tm-sky);border-block:1px solid var(--tm-line)}.story-section-head{max-width:900px;margin-bottom:32px}.story-section-head h2{margin:18px 0}.demo-label{font-size:18px;color:var(--tm-muted);margin:0 0 18px}.journey-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:20px}.journey-tabs button{font:inherit;font-weight:700;font-size:18px;min-height:76px;cursor:pointer;border:1px solid var(--tm-line);border-radius:12px;background:var(--tm-card);color:var(--tm-ink);padding:12px 8px}.journey-tabs button span{display:block;font-size:18px;color:var(--tm-brown);margin-bottom:4px}.journey-tabs button[aria-pressed=true]{background:#195bba;color:#fff;border-color:#195bba;box-shadow:0 6px 0 #10417e}.journey-tabs button[aria-pressed=true] span{color:#fff}.demo-board{background:var(--tm-card);border:1px solid var(--tm-line);border-radius:20px;overflow:hidden;box-shadow:var(--story-shadow)}.demo-board-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:23px;font-size:20px;border-bottom:1px solid var(--tm-line)}.demo-board-bar>span{font-size:18px;color:var(--tm-muted)}.board-lanes{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px;background:var(--tm-bg)}.board-lanes>span{padding:9px;border:1px solid var(--tm-line);border-radius:8px;font-size:18px;text-align:center;color:var(--tm-muted)}.board-lanes>[data-active=true]{color:var(--tm-blue);border-color:var(--tm-blue);background:var(--tm-sky);font-weight:700}.demo-scene{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;padding:32px}.stage-symbol{display:grid;place-items:center;width:82px;height:82px;border-radius:24px;font-size:52px;background:var(--tm-sky);color:var(--tm-blue);box-shadow:inset 0 -6px 0 #195bba14;transform:rotate(-8deg);margin-bottom:24px}.story-narration h3{font-size:34px;margin:12px 0 20px;line-height:1.2}.stage-message{padding:18px;background:var(--tm-warm);color:var(--tm-brown);border-radius:16px 16px 16px 0;font-size:20px;font-weight:600;margin:24px 0}.demo-task{align-self:start;background:var(--tm-bg);border:2px solid var(--tm-line);border-top:5px solid var(--tm-blue);border-radius:16px;padding:24px;box-shadow:0 12px 25px #12396a12}.task-top{display:flex;justify-content:space-between;gap:10px;font-size:18px;color:var(--tm-muted)}.task-channel{font-size:18px;padding:3px 8px;background:var(--tm-sky);color:var(--tm-blue);border-radius:5px;font-weight:700}.task-company{display:flex;gap:14px;align-items:center;margin:24px 0 15px}.task-company>span{font-size:35px;background:var(--tm-warm);color:var(--tm-brown);border-radius:10px;padding:5px 12px}.task-company h3{font-size:28px}.tm-story .task-company p{font-size:18px;margin-top:4px}.task-state{display:inline-block;padding:5px 12px;background:var(--tm-sky);color:var(--tm-blue);border-radius:30px;font-weight:700;font-size:18px}.tm-story .task-reason{font-size:18px;margin-top:18px}.task-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;border-block:1px solid var(--tm-line);padding:18px 0;margin:18px 0}.task-facts dt{font-size:18px;color:var(--tm-muted)}.task-facts dd{margin:4px 0 0;font-weight:600;font-size:18px;line-height:1.45}.task-tools{display:flex;flex-wrap:wrap;gap:8px}.task-tools span{font-size:18px;padding:9px;background:var(--tm-card);border:1px solid var(--tm-line);border-radius:8px}.task-history{margin-top:20px}.task-history>strong{font-size:18px}.tm-story .task-history p{font-size:18px;margin-top:8px;white-space:pre-line}.task-foot{font-size:18px;color:var(--tm-muted);border-top:1px solid var(--tm-line);margin-top:18px;padding-top:14px}.tm-story .board-footnote{font-size:18px;line-height:1.7;margin-top:22px}.story-channels{background:var(--tm-bg)}.motion-toggle{font:inherit;font-size:18px;min-height:48px;border:1px solid var(--tm-line);background:var(--tm-card);color:var(--tm-blue);padding:10px 18px;border-radius:10px;margin-top:18px;cursor:pointer}.channel-scenes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.channel-scene{border:1px solid var(--tm-line);border-radius:22px;background:var(--tm-card);padding:22px;overflow:hidden}.channel-scene h3{margin:14px 0}.tm-story .channel-scene p{font-size:18px}.channel-illustration{height:230px;position:relative;background:radial-gradient(ellipse,var(--tm-sky),transparent 70%)}.flying-letter{position:absolute;font-size:112px;line-height:1;top:65px;left:28%;color:var(--tm-blue);text-shadow:0 9px 0 #8bc7ff,0 18px 20px #174b8840;transform:rotate(-15deg);animation:letterFlight 5s ease-in-out infinite}.flying-letter.letter-back{font-size:64px;top:15px;left:3%;color:var(--tm-brown);animation-delay:-2s}.paper-trail{position:absolute;width:180px;height:120px;top:45px;left:0;border:3px dashed #cba27e;border-radius:50%;transform:rotate(-25deg)}.mini-sticker{position:absolute;bottom:8px;left:0;right:0;text-align:center;padding:8px;border-radius:12px;background:var(--tm-warm);color:var(--tm-brown);font-size:18px;font-weight:700;transform:rotate(-4deg)}.sms-bubble{position:absolute;top:20px;left:0;background:#195bba;color:#fff;border-radius:18px 18px 18px 0;padding:14px;font-size:18px;box-shadow:0 10px 0 #195bba18;animation:bubbleFloat 4s ease-in-out infinite}.sms-bubble.reply{top:95px;left:auto;right:0;background:var(--tm-sky);color:var(--tm-blue);border:1px solid var(--tm-line);border-radius:18px 18px 0 18px;animation-delay:-2s}.sms-bubble b{font-size:18px;display:block;text-align:right}.typing-dots{position:absolute;bottom:15px;left:12px;color:var(--tm-brown);letter-spacing:5px;font-size:18px;animation:bubbleFloat 3s ease-in-out infinite}.floating-phone{position:absolute;font-size:105px;line-height:1;top:15px;left:22%;color:var(--tm-blue);text-shadow:0 7px 0 #78b4f4;transform:rotate(-18deg);animation:letterFlight 4s ease-in-out infinite}.voice-wave{position:absolute;top:145px;left:10%;right:10%;height:40px;display:flex;align-items:center;justify-content:center;gap:8px}.voice-wave i{width:8px;height:24px;border-radius:8px;background:var(--tm-blue);animation:wavePulse 1.5s ease-in-out infinite}.voice-wave i:nth-child(2n){height:40px;animation-delay:-.5s}.voice-wave i:nth-child(3n){height:15px;animation-delay:-1s}.story-keep{background:var(--tm-card)}.keep-art{height:370px;position:relative;background:radial-gradient(ellipse,var(--tm-sky),transparent 70%)}.keep-calendar{position:absolute;left:10%;top:15px;width:180px;height:210px;display:grid;place-content:center;text-align:center;background:var(--tm-card);border:10px solid var(--tm-blue);border-top-width:35px;border-radius:22px;box-shadow:var(--story-shadow);transform:rotate(-12deg);font-size:24px;font-weight:700}.keep-calendar b{font-size:90px;line-height:1.1;color:var(--tm-blue)}.keep-shield{position:absolute;right:4%;top:60px;width:110px;height:130px;display:grid;place-items:center;font-size:65px;color:#fff;background:#906244;border-radius:45% 45% 50% 50%;transform:rotate(15deg);box-shadow:10px 12px 0 #cba27e55}.keep-note{position:absolute;bottom:20px;left:10%;right:4%;padding:24px;background:var(--tm-sky);color:var(--tm-blue);border:1px solid var(--tm-line);font-size:22px;font-weight:700;border-radius:15px;transform:rotate(5deg)}.keep-points{display:grid;gap:22px}.tm-story .keep-points p{font-size:18px}.keep-points strong{color:var(--tm-ink);font-size:20px}.story-finish{background:var(--tm-sky)}.story-finish .tm-text-link{margin-top:20px}.tm-story .tm-final>.tm-text-link{margin-top:24px}.tm-story .tm-footer{gap:18px}.tm-story [data-paused=true]{animation-play-state:paused}.tm-story.motion-paused *{animation-play-state:paused!important}
@keyframes letterFlight{0%,100%{transform:translateY(0) rotate(-15deg)}50%{transform:translate(12px,-15px) rotate(-5deg)}}@keyframes bubbleFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes wavePulse{0%,100%{transform:scaleY(.6)}50%{transform:scaleY(1.2)}}
@media(max-width:1100px){.story-hero{grid-template-columns:1fr}.story-intro{padding:40px 30px 15px}.story-hero-art{padding:20px 30px 35px}.story-hero-art img{border-radius:25px;aspect-ratio:3/2;object-fit:contain}.story-sticker{bottom:25px;left:50px}.story-route{flex-wrap:wrap;justify-content:center}.story-discover,.story-finish,.story-keep{gap:24px;padding:44px 26px}.channel-scenes{grid-template-columns:1fr}.channel-scene{display:grid;grid-template-columns:250px 1fr;column-gap:24px;align-items:center}.channel-illustration{grid-row:span 2}.channel-scene h3{align-self:end}.channel-scene p{align-self:start}.demo-scene{gap:24px;padding:24px}.journey-tabs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.tm-story #tm-title{font-size:clamp(42px,9.5vw,64px);letter-spacing:-1.8px}.tm-story h2{font-size:36px}.tm-story .story-lead{font-size:22px}.story-discover,.story-finish,.story-keep{grid-template-columns:1fr}.story-discover figure,.story-finish figure{max-width:540px;width:100%;margin:auto}.story-board-section,.story-channels{padding:44px 22px}.demo-scene{grid-template-columns:1fr;padding:22px}.demo-board-bar{flex-wrap:wrap}.board-lanes{grid-template-columns:repeat(2,1fr)}.story-narration h3{font-size:30px}.task-company h3{font-size:26px}.tm-story .tm-wordmark{font-size:24px}.story-route{display:grid;grid-template-columns:1fr 1fr;padding:24px;gap:16px;font-size:18px}.story-route b{display:none}.story-route span:last-child{grid-column:1/-1}.story-intro{padding:36px 24px 12px}.story-hero-art{padding:20px 12px 35px}.story-sticker{font-size:18px;left:25px;padding:10px 14px}.demo-label{font-size:18px}.keep-art{max-width:450px;width:100%;margin:auto}}
@media(max-width:500px){.journey-tabs{grid-template-columns:1fr 1fr;gap:10px}.journey-tabs button{font-size:18px}.channel-scene{display:block}.channel-illustration{max-width:320px;margin:auto}.demo-scene{padding:16px}.demo-task{padding:16px}.task-company{gap:10px}.task-company>span{display:none}.task-facts{grid-template-columns:1fr}.story-narration .tm-button{width:100%}.tm-story .story-intro .tm-button{width:100%;font-size:18px;padding-inline:12px}.board-lanes{gap:6px;padding:10px}.board-lanes>span{font-size:18px}.keep-calendar{left:0;width:160px}.keep-note{left:0;right:0;font-size:20px}.keep-shield{right:0;width:92px}.tm-story h1{overflow-wrap:normal}.tm-story .tm-final h2{font-size:38px}.tm-story .tm-access h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.tm-story *{animation:none!important;scroll-behavior:auto!important}}

/* Readable explanations are part of the design, never fine print. */
.tm-story .tm-kicker { font-size: 18px!important; letter-spacing: 1px; line-height: 1.55; }
.tm-story .demo-label { display: flex; align-items: center; gap: 18px; padding: 22px 24px; border: 1px solid var(--tm-line); border-radius: 16px; background: var(--tm-card); color: var(--tm-ink); margin-bottom: 24px; }
.demo-label strong { font-size: 22px; }
.tm-story .demo-label p { font-size: 18px; margin-top: 5px; }
.explain-icon { display: grid; place-items: center; width: 58px; height: 58px; flex: none; border-radius: 16px; background: var(--tm-sky); color: var(--tm-blue); font-size: 32px; transform: rotate(-6deg); }
.workflow-extras { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 28px; }
.workflow-extras article { padding: 26px; border: 1px solid var(--tm-line); border-radius: 20px; background: var(--tm-card); }
.extra-icon { display: grid; place-items: center; width: 62px; height: 62px; margin-bottom: 22px; background: var(--tm-sky); color: var(--tm-blue); border-radius: 18px; font-size: 36px; box-shadow: 0 6px 0 #195bba12; transform: rotate(-7deg); }
.workflow-extras article:nth-child(2) .extra-icon { color: var(--tm-brown); background: var(--tm-warm); transform: rotate(7deg); }
.workflow-extras h3 { font-size: 25px; margin-bottom: 14px; }
.tm-story .workflow-extras p { font-size: 20px; }
.status-explainer { margin-top: 24px; padding: 30px; border: 1px solid var(--tm-line); border-radius: 20px; background: var(--tm-card); }
.status-explainer-title { display: flex; align-items: center; gap: 18px; margin-bottom: 26px; }
.status-explainer-title h3 { font-size: 28px; }
.status-pair { display: grid; grid-template-columns: 1fr auto 1fr; gap: 24px; align-items: center; }
.status-pair>div { padding: 22px; border-radius: 14px; background: var(--tm-bg); border: 1px solid var(--tm-line); align-self: stretch; }
.status-chip { display: inline-block; padding: 9px 13px; border-radius: 10px; background: var(--tm-sky); color: var(--tm-blue); font-size: 20px; font-weight: 700; }
.status-chip.warm { color: var(--tm-brown); background: var(--tm-warm); }
.tm-story .status-pair p { font-size: 20px; margin-top: 14px; }
.status-plus { font-size: 34px; color: var(--tm-brown); }
.channel-access-note { display: flex; gap: 22px; align-items: flex-start; margin-top: 28px; padding: 28px; border: 1px solid var(--tm-line); border-left: 5px solid var(--tm-brown); border-radius: 18px; background: var(--tm-card); }
.channel-access-note h3 { font-size: 26px; margin-bottom: 10px; }
.tm-story .channel-access-note p { font-size: 20px; }
.rollout-chip { display: inline-block; background: var(--tm-warm); color: var(--tm-brown); border-radius: 10px; padding: 10px 15px; font-size: 18px; font-weight: 700; margin: 18px 0 10px; }
.task-foot { display: flex; gap: 12px; align-items: flex-start; padding: 18px; border: 1px solid var(--tm-line); border-radius: 12px; background: var(--tm-sky); color: var(--tm-ink); line-height: 1.6; font-size: 18px; }
.task-foot>span { font-size: 26px; color: var(--tm-blue); }
.task-facts dt { font-size: 18px; font-weight: 600; }
.task-facts dd { font-size: 20px; }
.task-top { flex-wrap: wrap; }
.task-tools span, .research-tokens span { font-size: 18px; }
.tm-story .tm-footer { padding-block: 28px; font-size: 18px; line-height: 1.65; }
.tm-story .story-route span, .board-lanes>span { font-size: 18px; }
@media(max-width:1000px) { .workflow-extras { grid-template-columns: 1fr; } .workflow-extras article { display: grid; grid-template-columns: 64px 1fr; gap: 10px 20px; } .extra-icon { grid-row: span 2; margin: 0; } .workflow-extras h3 { margin: 0; } }
@media(max-width:600px) {
  .tm-story .demo-label { align-items: flex-start; padding: 20px; gap: 12px; }
  .demo-label .explain-icon { width: 40px; height: 40px; font-size: 26px; border-radius: 10px; }
  .demo-label strong { font-size: 22px; }
  .status-explainer { padding: 22px; }
  .status-explainer-title { align-items: flex-start; flex-direction: column; }
  .status-pair { grid-template-columns: 1fr; gap: 14px; }
  .status-pair>div { padding: 18px; }
  .status-plus { text-align: center; line-height: 1; }
  .channel-access-note { flex-direction: column; padding: 22px; }
  .workflow-extras article { display: block; padding: 24px; }
  .workflow-extras .extra-icon { margin-bottom: 22px; }
  .workflow-extras h3 { margin-bottom: 14px; }
  .task-foot { padding: 14px; }
  .board-lanes>span { padding: 10px 6px; }
}
.tm-story .tm-theme>span:first-child { font-size: 20px; }
/* A scalable communication / analytics / AI emblem. */
.tm-story .tm-wordmark { gap: 20px; text-decoration: none; width: fit-content; max-width: 100%; }
.tm-symbol { display: block; width: 104px; height: 104px; flex: none; filter: drop-shadow(0 8px 12px #195bba16); }
.logo-tile { fill: var(--tm-sky); stroke: var(--tm-line); stroke-width: 1.5; }
.logo-bubble { fill: var(--tm-card); stroke: var(--tm-blue); }
.logo-chip { fill: var(--tm-sky); stroke: var(--tm-blue); }
.logo-circuit { stroke: var(--tm-blue); }
.logo-spark { fill: var(--tm-brown); }
.logo-envelope { fill: var(--tm-warm); stroke: var(--tm-brown); }
.logo-copper-stroke { stroke: var(--tm-brown); }
.logo-bars { stroke: var(--tm-blue); }
.logo-trend { stroke: var(--tm-brown); }
.tm-brand-name { display: block; min-width: 0; font-size: 36px; font-weight: 750; line-height: 1.12; letter-spacing: -1.3px; color: var(--tm-ink); }
.tm-brand-name>span { display: block; color: var(--tm-blue); margin-top: 5px; }
.tm-story .tm-nav { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 22px 28px; padding-block: 28px; }
.tm-story .tm-nav .tm-wordmark { grid-column: 1; grid-row: 1; }
.tm-story .tm-nav .tm-theme { grid-column: 2; grid-row: 1; }
.tm-story .tm-nav-links { grid-column: 1 / -1; grid-row: 2; justify-content: flex-start; gap: 32px; padding-top: 18px; border-top: 1px solid var(--tm-line); }
.tm-story .tm-footer .tm-symbol { width: 88px; height: 88px; }
.tm-story .tm-footer .tm-brand-name { font-size: 30px; }
@media(max-width:760px) {
  .tm-story .tm-nav { gap: 20px; padding: 24px 22px; }
  .tm-symbol { width: 88px; height: 88px; }
  .tm-brand-name { font-size: 32px; }
}
@media(max-width:600px) {
  .tm-story .tm-nav { grid-template-columns: minmax(0,1fr); }
  .tm-story .tm-nav .tm-wordmark { grid-column: 1; grid-row: 1; }
  .tm-story .tm-nav .tm-theme { grid-column: 1; grid-row: 2; }
  .tm-story .tm-nav-links { grid-column: 1; grid-row: 3; gap: 8px; padding-top: 0; border: 0; }
  .tm-story .tm-wordmark { gap: 14px; }
  .tm-symbol { width: 80px; height: 80px; }
  .tm-brand-name { font-size: 28px; letter-spacing: -.8px; }
  .tm-story .tm-footer .tm-symbol { width: 72px; height: 72px; }
  .tm-story .tm-footer .tm-brand-name { font-size: 26px; }
}
@media(max-width:380px) {
  .tm-story .tm-wordmark { gap: 10px; }
  .tm-symbol, .tm-story .tm-footer .tm-symbol { width: 64px; height: 64px; }
  .tm-brand-name, .tm-story .tm-footer .tm-brand-name { font-size: 24px; }
}
/* Color carries the story: blue discovery, teal conversations, copper milestones. */
.tm-story { --story-blue:#2057a4; --story-teal:#087269; --story-purple:#6841ac; --story-copper:#895128; --story-blue-bg:#edf4ff; --story-teal-bg:#e7f6f1; --story-purple-bg:#f2edfc; --story-copper-bg:#fbefdf; --tm-muted:var(--story-blue); }
html[data-theme=dark] .tm-story { --story-blue:#a3c9ff; --story-teal:#87ded0; --story-purple:#cdb1ff; --story-copper:#f0be87; --story-blue-bg:#1b304a; --story-teal-bg:#153932; --story-purple-bg:#322747; --story-copper-bg:#3b2c22; }
.story-icon { display:inline-block; width:26px; height:26px; flex:none; vertical-align:middle; }
.tm-story p { color:var(--story-blue); }
.tm-story h3 { color:var(--story-blue); }
.tm-story .tm-kicker { color:var(--story-copper)!important; }
.tm-story .tm-nav-links { gap:16px; }
.tm-story .tm-nav-links a { flex:1; justify-content:center; gap:14px; padding:14px 22px; border:1px solid var(--tm-line); border-radius:16px; color:var(--story-blue); background:var(--story-blue-bg); font-size:20px; box-shadow:0 4px 0 #195bba0a; }
.tm-story .tm-nav-links a:nth-child(2) { background:var(--story-purple-bg); color:var(--story-purple); }
.tm-story .tm-nav-links a:nth-child(3) { background:var(--story-teal-bg); color:var(--story-teal); }
.nav-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:12px; background:var(--tm-card); flex:none; transform:rotate(-5deg); }
.tm-story .tm-nav-links a:hover { border-color:currentColor; transform:translateY(-2px); }
.tm-story .tm-theme { gap:12px; color:var(--story-blue); padding:8px 14px; }
.theme-pair { display:flex; gap:4px; padding:4px; background:var(--tm-sky); border-radius:30px; }
.theme-pair>span { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; }
.theme-sun { color:#926000; background:#fff0be; box-shadow:0 2px 5px #84530f20; }
.theme-moon { color:var(--story-purple); }
html[data-theme=dark] .theme-sun { color:#efc565; background:transparent; box-shadow:none; }
html[data-theme=dark] .theme-moon { background:#4b3880; color:#eee2ff; box-shadow:0 2px 5px #0003; }
.hero-notes { display:grid; gap:12px; margin:22px 0 8px; }
.tm-story .hero-notes p { display:flex; align-items:center; gap:14px; font-size:22px; line-height:1.4; color:var(--story-blue); }
.hero-notes p>span { display:grid; place-items:center; width:44px; height:44px; flex:none; border-radius:13px; color:var(--story-blue); background:var(--story-blue-bg); box-shadow:0 4px 0 #195bba12; }
.tm-story .hero-notes p:nth-child(2) { color:var(--story-teal); }.hero-notes p:nth-child(2)>span { color:var(--story-teal); background:var(--story-teal-bg); }
.tm-story .hero-notes p:nth-child(3) { color:var(--story-copper); }.hero-notes p:nth-child(3)>span { color:var(--story-copper); background:var(--story-copper-bg); }
.tm-story .story-route { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); list-style:none; gap:16px; margin:0; padding:28px 32px; counter-reset:journey; }
.story-route li { counter-increment:journey; position:relative; display:flex; flex-direction:column; align-items:center; gap:12px; padding:20px 10px 16px; border:1px solid var(--tm-line); border-radius:18px; color:var(--story-blue); background:var(--story-blue-bg); text-align:center; }
.story-route li::after { content:counter(journey,decimal-leading-zero); position:absolute; top:8px; right:10px; font-size:18px; font-weight:600; }
.story-route .route-icon { display:grid; place-items:center; width:54px; height:54px; border-radius:16px; background:var(--tm-card); padding:0; transform:rotate(-7deg); }
.route-icon .story-icon { width:32px; height:32px; }
.story-route li:nth-child(2),.story-route li:nth-child(4) { color:var(--story-purple); background:var(--story-purple-bg); }
.story-route li:nth-child(3) { color:var(--story-teal); background:var(--story-teal-bg); }
.story-route li:nth-child(5) { color:var(--story-copper); background:var(--story-copper-bg); }
.tm-story .story-route li>span:last-child { font-size:20px; padding:0; }
.tm-story .demo-label { background:var(--story-purple-bg); border-color:var(--tm-line); border-left:5px solid var(--story-purple); }
.demo-label strong { color:var(--story-purple); font-size:26px; }
.tm-story .demo-label p { color:var(--story-purple); font-size:20px; }
.demo-label .explain-icon { color:var(--story-purple); background:var(--tm-card); }
.section-invite { display:flex; align-items:center; gap:16px; padding:18px 20px; border:1px solid var(--tm-line); border-radius:16px; background:var(--tm-card); width:fit-content; }
.section-invite>span { color:var(--story-teal); display:grid; place-items:center; width:44px; height:44px; background:var(--story-teal-bg); border-radius:12px; flex:none; }
.tm-story .section-invite { color:var(--story-teal); font-weight:600; }
.illustrated-copy { padding:20px; border:1px solid var(--tm-line); border-radius:18px; background:var(--tm-card); }
.copy-icon { display:grid; place-items:center; width:48px; height:48px; border-radius:14px; margin-bottom:12px; background:var(--story-blue-bg); color:var(--story-blue); }
.story-finish .copy-icon { background:var(--story-copper-bg); color:var(--story-copper); }
.tm-story .story-finish .illustrated-copy { color:var(--story-copper); }
.research-tokens span:nth-child(2n) { background:var(--story-teal-bg); color:var(--story-teal); }
.research-tokens span:nth-child(3) { background:var(--story-copper-bg); color:var(--story-copper); }
.journey-tabs button { color:var(--story-blue); background:var(--story-blue-bg); }.journey-tabs button:nth-child(2n) { color:var(--story-purple); background:var(--story-purple-bg); }.journey-tabs button:last-child { color:var(--story-copper); background:var(--story-copper-bg); }.journey-tabs button[aria-pressed=true] { color:white; background:#195bba; }
.board-lanes>span { color:var(--story-blue); background:var(--story-blue-bg); }.board-lanes>span:nth-child(3n) { color:var(--story-purple); background:var(--story-purple-bg); }.board-lanes>span:nth-child(4n) { color:var(--story-copper); background:var(--story-copper-bg); }
.board-lanes>[data-active=true] { border:2px solid var(--story-teal); color:var(--story-teal); background:var(--story-teal-bg); }
.demo-board-bar>span { color:var(--story-purple); }.task-top,.task-facts dt { color:var(--story-purple); }.task-facts dd { color:var(--story-blue); }.task-facts>div { border-left:3px solid var(--story-blue); padding-left:12px; }.task-facts>div:nth-child(2n) { border-color:var(--story-teal); }.task-facts>div:nth-child(2n) dd { color:var(--story-teal); }
.task-history { padding:18px; background:var(--story-teal-bg); border-radius:14px; }.task-history>strong,.tm-story .task-history p { color:var(--story-teal); }.task-reason { border-left:3px solid var(--story-copper); padding-left:14px; }.tm-story .task-reason { color:var(--story-copper); }
.task-tools span:nth-child(1) { color:var(--story-purple); background:var(--story-purple-bg); }.task-tools span:nth-child(2) { color:var(--story-teal); background:var(--story-teal-bg); }.task-tools span:nth-child(3) { color:var(--story-blue); background:var(--story-blue-bg); }
.tm-story .task-foot { color:var(--story-purple); background:var(--story-purple-bg); }.tm-story .task-company p { color:var(--story-teal); }
.workflow-extras article:nth-child(2) h3,.tm-story .workflow-extras article:nth-child(2) p { color:var(--story-purple); }.workflow-extras article:nth-child(3) h3,.tm-story .workflow-extras article:nth-child(3) p { color:var(--story-teal); }
.tm-story .status-pair>div:nth-last-child(1) p { color:var(--story-copper); }.status-explainer-title h3 { color:var(--story-purple); }
.channel-scene:nth-child(2) h3,.tm-story .channel-scene:nth-child(2) p { color:var(--story-teal); }.channel-scene:nth-child(3) h3,.tm-story .channel-scene:nth-child(3) p { color:var(--story-purple); }
.channel-access-note h3,.tm-story .channel-access-note p { color:var(--story-copper); }.channel-access-note { background:var(--story-copper-bg); }
.keep-points p { padding:20px; background:var(--story-blue-bg); border:1px solid var(--tm-line); border-radius:16px; }.keep-points strong { color:inherit; }.tm-story .keep-points p:nth-child(2) { color:var(--story-purple); background:var(--story-purple-bg); }.tm-story .keep-points p:nth-child(3) { color:var(--story-teal); background:var(--story-teal-bg); }
.tm-story .tm-footer>span { color:var(--story-teal); padding:14px 18px; border-radius:14px; background:var(--story-teal-bg); }.tm-story .tm-text-link { color:var(--story-purple); }.tm-story .tm-access p { color:var(--story-blue); }
@media(max-width:760px) { .tm-story .story-route { grid-template-columns:repeat(3,minmax(0,1fr)); padding:22px; gap:12px; }.tm-story .tm-nav-links { gap:10px; }.tm-story .tm-nav-links a { padding:12px; font-size:18px; gap:10px; } }
@media(max-width:600px) {
  .tm-story .tm-nav-links a { justify-content:flex-start; padding:12px 16px; font-size:20px; }
  .tm-story .story-route { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .story-route li:last-child { grid-column:1/-1; flex-direction:row; justify-content:center; gap:18px; }
  .tm-story .hero-notes p { font-size:20px; gap:12px; }
  .section-invite { align-items:flex-start; padding:16px; }
  .tm-story .demo-label { flex-direction:column; }
  .tm-story .demo-label .explain-icon { width:54px; height:54px; }
  .task-history { padding:14px; }
}
/* Opening campaign scene: the entire team stays visible on every screen. */
.team-orbit-hook { background:var(--tm-card); border-bottom:1px solid var(--tm-line); }
.team-orbit-image { display:block; overflow:hidden; background:#e9f4ff; }
.tm-story .team-orbit-image img { display:block; width:100%; height:auto; aspect-ratio:3/2; object-fit:contain; }
.team-orbit-hook figcaption { display:flex; align-items:center; justify-content:space-between; gap:28px; padding:32px 36px 24px; }
.team-orbit-hook .tm-kicker { margin-bottom:14px; }
.tm-story .team-orbit-hook h2 { font-size:clamp(32px,3.6vw,48px); line-height:1.15; }
.team-orbit-expand { display:inline-flex; align-items:center; justify-content:center; gap:14px; min-height:52px; flex-shrink:0; font-size:18px; font-weight:700; color:var(--story-purple)!important; border:1px solid var(--tm-line); background:var(--story-purple-bg); border-radius:14px; padding:14px 18px; }
.team-orbit-expand:hover { border-color:var(--story-purple); }
.team-orbit-key { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; padding:0 36px 32px; }
.team-orbit-key>span { display:flex; align-items:center; gap:12px; padding:16px; border:1px solid var(--tm-line); border-radius:14px; font-size:18px; line-height:1.5; font-weight:600; background:var(--story-blue-bg); color:var(--story-blue); }
.team-orbit-key>span:nth-child(2) { color:var(--story-purple); background:var(--story-purple-bg); }
.team-orbit-key>span:nth-child(3) { color:var(--story-teal); background:var(--story-teal-bg); }
@media(max-width:1000px) { .team-orbit-hook figcaption { flex-direction:column; align-items:flex-start; } }
@media(max-width:760px) { .team-orbit-hook figcaption { padding:26px 24px 22px; gap:22px; }.team-orbit-key { grid-template-columns:1fr; padding:0 24px 28px; gap:10px; }.team-orbit-expand { width:100%; }.tm-story .team-orbit-hook h2 { font-size:34px; letter-spacing:-1px; } }
/* The product definition sits directly beneath the brand, in three readable pieces. */
.platform-summary { grid-column:1/-1; grid-row:2; display:grid; grid-template-columns:1.15fr 1fr 1fr; gap:16px; }
.platform-summary-card { display:flex; flex-direction:column; align-items:flex-start; gap:16px; padding:24px; border:1px solid var(--tm-line); border-top:4px solid var(--story-blue); border-radius:18px; background:var(--story-blue-bg); }
.platform-summary-icon { display:grid; place-items:center; width:50px; height:50px; border-radius:14px; color:var(--story-blue); background:var(--tm-card); transform:rotate(-6deg); box-shadow:0 5px 0 #195bba0b; }
.platform-summary-icon .story-icon { width:30px; height:30px; }
.tm-story .platform-summary p { margin:0; color:var(--story-blue); font-size:20px; line-height:1.55; }
.platform-summary strong { display:block; font-size:24px; line-height:1.25; margin-bottom:10px; }
.platform-summary p>span { display:block; }
.platform-summary-card:nth-child(2) { background:var(--story-purple-bg); border-top-color:var(--story-purple); }
.tm-story .platform-summary-card:nth-child(2) p,.platform-summary-card:nth-child(2) .platform-summary-icon { color:var(--story-purple); }
.platform-summary-card:nth-child(3) { background:var(--story-teal-bg); border-top-color:var(--story-teal); }
.tm-story .platform-summary-card:nth-child(3) p,.platform-summary-card:nth-child(3) .platform-summary-icon { color:var(--story-teal); }
.tm-story .tm-nav-links { grid-row:3; }
@media(max-width:900px) {
  .platform-summary { grid-template-columns:1fr; }
  .platform-summary-card { flex-direction:row; align-items:flex-start; padding:22px; gap:18px; }
  .platform-summary-icon { flex:none; }
}
@media(max-width:600px) {
  .platform-summary { grid-row:3; gap:12px; }
  .tm-story .tm-nav-links { grid-row:4; }
  .platform-summary-card { padding:20px; gap:14px; }
  .platform-summary strong { font-size:22px; }
  .tm-story .platform-summary p { font-size:20px; }
}
@media(max-width:380px) { .platform-summary-card { flex-direction:column; } }
/* Floating channel badges share the scene's sky; headroom protects every face. */
.team-orbit-stage{position:relative;background:linear-gradient(135deg,#e4f3ff,#f5faff 50%,#d7eaff)}
.team-channel-badges{position:relative;z-index:2;margin:0 0 -18px;padding:18px 22px 0;list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.team-channel-badges li{--channel-color:#195bba;--channel-light:#e3efff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:116px;padding:12px 8px;border:2px solid #ffffff;border-bottom:4px solid var(--channel-color);border-radius:20px;background:#fffffff2;box-shadow:0 9px 20px #174b8830;color:#173963;font-size:20px;line-height:1.18;font-weight:700;text-align:center}
.team-channel-badges .channel-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:var(--channel-light);color:var(--channel-color);box-shadow:inset 0 -3px 0 #1739630c}
.team-channel-badges .story-icon{width:31px;height:31px;flex:none}
.team-channel-badges .channel-sms{--channel-color:#087c88;--channel-light:#d7f7fa}.team-channel-badges .channel-voice{--channel-color:#6943b5;--channel-light:#eee5ff}.team-channel-badges .channel-messengers{--channel-color:#08794e;--channel-light:#dff8ed}.team-channel-badges .channel-social{--channel-color:#a04371;--channel-light:#ffe5f1}.team-channel-badges .channel-analytics{--channel-color:#925724;--channel-light:#fae8d4}
html[data-theme=dark] .team-orbit-stage{background:linear-gradient(135deg,#142e49,#244966)}
html[data-theme=dark] .team-channel-badges li{background:#152b43f5;border-top-color:#7493ae;border-inline-color:#7493ae;color:#f1f7ff;box-shadow:0 9px 22px #0006}
@media(max-width:1050px){.team-channel-badges{padding-inline:16px;gap:8px}.team-channel-badges li{font-size:18px;min-height:128px;padding:10px 5px}.team-channel-badges .channel-symbol{width:44px;height:44px}}
@media(max-width:800px){.team-channel-badges{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:16px;margin-bottom:-10px;gap:10px}.team-channel-badges li{min-height:112px;padding:10px 8px}.team-channel-badges .channel-symbol{width:42px;height:42px}}
@media(max-width:480px){.team-channel-badges{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 12px 0;margin-bottom:-6px;gap:8px}.team-channel-badges li{min-height:100px;gap:6px;padding:9px 6px;border-radius:16px}.team-channel-badges .channel-symbol{width:38px;height:38px;border-radius:12px}.team-channel-badges .story-icon{width:27px;height:27px}}
/* Two light, distinct access options at the start and end of the page. */
.tm-story .tm-access-choices .tm-button{--access-ink:#205997;--access-bg:#f6faff;--access-line:#a9c9ea;--access-hover:#e7f1ff;color:var(--access-ink)!important;background:var(--access-bg);border:1px solid var(--access-line);border-radius:14px;box-shadow:0 2px 6px #17396308;font-weight:600;padding:13px 18px;min-height:54px}
.tm-story .tm-access-choices .tm-demo-link{--access-ink:#126d62;--access-bg:#effaf6;--access-line:#95cdbd;--access-hover:#def4ec}
.tm-story .tm-access-choices .tm-button:hover{background:var(--access-hover);border-color:var(--access-ink);box-shadow:0 4px 12px #17396310;transform:translateY(-1px)}
.tm-story .tm-access-choices .tm-button:focus-visible{outline:2px solid var(--access-ink);outline-offset:3px}
.tm-story .tm-access-choices .tm-google{background:#e4eefb;color:#205997}
html[data-theme=dark] .tm-story .tm-access-choices .tm-button{--access-ink:#b6d7ff;--access-bg:#182c43;--access-line:#4c7199;--access-hover:#203953;box-shadow:none}
html[data-theme=dark] .tm-story .tm-access-choices .tm-demo-link{--access-ink:#a7e6d4;--access-bg:#15352f;--access-line:#477e70;--access-hover:#1e473e}
html[data-theme=dark] .tm-story .tm-access-choices .tm-google{background:#2c4869;color:#d5e6ff}