/* Gold carries through the ivory Builds section into the interactive workspace. */
#builds,#console{position:relative}
.flight-ribbon{position:absolute;inset:0 0 auto;height:145px;pointer-events:none;overflow:hidden;z-index:0;mask-image:linear-gradient(transparent,#000 30%,#000 65%,transparent)}
.flight-ribbon i{position:absolute;left:var(--x);top:var(--y);height:3px;width:3px;border-radius:50%;background:#bc8736;box-shadow:0 0 10px 2px #e5b75c55;animation:flight-drift var(--duration) ease-in-out var(--delay) infinite}
#console .flight-ribbon i{background:#ffe2a6;box-shadow:0 0 12px 3px #f4c56855}
@keyframes flight-drift{0%{transform:translate(0,-30px);opacity:0}25%{opacity:.65}70%{opacity:.45}100%{transform:translate(var(--drift),100px);opacity:0}}
html[data-wing-motion=paused] .flight-ribbon i{animation-play-state:paused}
.console-section{padding-top:120px;padding-bottom:95px}
.console-heading{position:relative;z-index:1}.console-heading h2{max-width:760px}
.console-story-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 0 23px;color:#d1d6d9;font-size:14px}
#story-play{flex-shrink:0;min-height:44px;border:1px solid #d6b57966;background:#e7c79516;color:#f5dfb7;padding:12px 20px;border-radius:100px;font:inherit;font-size:12px;cursor:pointer}
#story-play:hover,#story-play[aria-pressed=true]{background:#e7c79530}
.console-demo{position:relative;border:1px solid #cead7666;border-radius:21px;box-shadow:0 25px 75px #0b17254d,0 0 70px #d3af6410;overflow:hidden;background:#24303b}
.story-progress{display:flex;gap:3px;padding:0;background:#202b35;height:3px}.story-progress i{flex:1;background:#ffffff0c;transition:background .3s}.story-progress i.complete{background:#e6c78f;box-shadow:0 0 16px #e6c78f55}
.demo-titlebar{background:#303d49;border-bottom-color:#ffffff18;height:72px;padding-inline:28px}.demo-brand{font-size:15px}.example-pill{color:#ead1a4;border-color:#d9bc8366;font-size:9px}
.demo-body{grid-template-columns:290px 1fr}.demo-navigation{background:linear-gradient(140deg,#2e3b47,#202c37);padding:30px 16px}.workspace-label{color:#bac7d0;font-size:10px;letter-spacing:1.5px}
.journey-tab{min-height:87px;padding:18px 13px;margin-bottom:8px;border-radius:12px}.journey-tab>span:nth-child(2){font-size:12px}.journey-tab small{font-size:10px;color:#b4c0cb}.journey-tab.active{background:#efd6a921;border-color:#ecd3a657;color:#ffe7bc}.journey-tab.active .tab-icon{color:#f4d69d}
.journey-panel{background:radial-gradient(ellipse at 90% 5%,#eed5a30f,transparent 60%),#26343f;padding:36px;min-width:0}.panel-top h3{font-size:34px;letter-spacing:-1px}.panel-overline{font-size:10px;color:#e4c28b}.scene-count{color:#eed4a138;font-size:66px}
.customer-record{border:1px solid #c5d1dc26;border-radius:14px;box-shadow:0 14px 28px #09162222;overflow:hidden}.customer-summary{background:#354450;padding:19px}.customer-summary strong{font-size:14px}.customer-summary div span{font-size:11px;color:#c7d0d7}.record-status{background:#a6caad20;color:#d2e5ca;border:1px solid #b4d2b337;font-size:10px;padding:7px 10px}.avatar{background:#dfc69c;color:#26332f}
.message-body{background:#f4eedf;color:#26362f;min-height:160px;padding:26px}.message-label{color:#786343;font-size:10px}.message-body p{font-size:18px;line-height:1.7;color:#27392e;max-width:620px}.record-fields{background:#30404b;padding:18px 26px}.record-fields span{font-size:9px;color:#b4c3ce}.record-fields strong{font-size:12px;color:#f4eee3}
.next-step{margin-top:25px}.next-step div>span{font-size:10px;color:#e8cca0}.next-step p{font-size:14px;line-height:1.8;color:#d2dbe0}.next-step-icon{color:#cfe0b8;background:#c2d9a616}.next-scene{font-size:12px;min-height:44px}.preview-note{font-size:11px;color:#bfccd5}.demo-caption{background:#202d38;font-size:11px;color:#bccad4;padding:19px 28px}
.console-evidence{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;padding:40px 0 0}.console-evidence>div>span{color:#d9bc87;font-size:9px;letter-spacing:1.8px}.console-evidence h3{font-size:27px;margin:13px 0;letter-spacing:-.6px}.console-evidence p{color:#bbc8d1;font-size:13px;line-height:1.85;max-width:540px}.console-evidence>div:last-child{display:flex;flex-direction:column;justify-content:center;gap:8px}.console-evidence a{display:flex;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid #e7c78b35;color:#efdbb9;font-size:13px}
@media(max-width:850px){.demo-body{grid-template-columns:230px 1fr}.journey-panel{padding:24px}.panel-top h3{font-size:27px}.message-body p{font-size:15px}.console-evidence{gap:25px}}
@media(max-width:600px){.console-section{padding-top:80px;padding-bottom:60px}.console-story-intro{align-items:flex-start;flex-direction:column;gap:10px;font-size:13px}.console-story-intro p{line-height:1.8;margin:0}.console-demo{border-radius:15px}.demo-titlebar{height:63px;padding:0 14px}.demo-brand{font-size:12px}.example-pill{font-size:7px}.demo-body{display:block}.demo-navigation{padding:17px 12px}.journey-tab{min-height:86px;padding:12px 8px;margin:0}.journey-tab>span:nth-child(2){font-size:11px}.journey-tab small{font-size:9px}.journey-panel{padding:24px 14px}.panel-top h3{font-size:27px}.scene-count{font-size:49px}.panel-overline{font-size:8px}.customer-summary{padding:15px 12px}.customer-summary strong{font-size:12px}.customer-summary div span{font-size:9px}.record-status{margin-left:40px;font-size:9px}.message-body{padding:20px 15px;min-height:175px}.message-body p{font-size:15px}.record-fields{padding:15px;gap:15px}.record-fields span{font-size:8px}.record-fields strong{font-size:10px}.next-step p{font-size:13px}.preview-note{font-size:10px}.demo-caption{padding:16px;font-size:10px}.console-evidence{display:block;padding-top:30px}.console-evidence h3{font-size:25px}.console-evidence>div:last-child{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.flight-ribbon i{animation:none;opacity:.35}.story-progress i{transition:none}}
