.hero--showcase{min-height:100svh;padding-block:calc(var(--header-height) + var(--space-8)) var(--space-8)}.hero--showcase .hero__inner{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr);align-items:center;gap:clamp(var(--space-8),3vw,var(--space-12));max-width:1400px}.hero--showcase .hero__title{max-width:13ch;font-size:clamp(2.45rem,3.4vw,3.65rem)}.hero--showcase .hero__lead{max-width:42ch;margin-bottom:var(--space-8)}.showcase{--showcase-accent: var(--green-300);--showcase-accent-strong: var(--green-400);--showcase-accent-soft: rgba(80, 198, 154, .16);display:grid;gap:var(--space-2);min-width:0;color:#ffffffe6}.showcase[data-showcase-path=ai]{--showcase-accent: var(--blue-300);--showcase-accent-strong: var(--blue-400);--showcase-accent-soft: rgba(58, 136, 180, .2)}.showcase__intro{display:none}.showcase__prompt{font-family:var(--font-display);font-size:var(--fs-sm);font-weight:var(--fw-semibold);color:#ffffffe6}.showcase__paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.showcase-path{position:relative;display:grid;grid-template-columns:2.25rem minmax(0,1fr);align-items:center;gap:var(--space-3);min-height:58px;padding:var(--space-2) var(--space-3);text-align:left;font-family:var(--font-body);color:#ffffffad;background:#ffffff09;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out)}.showcase-path:after{content:"";position:absolute;inset:auto 12% -1px;height:1px;opacity:0;background:currentColor;box-shadow:0 0 14px currentColor;transition:opacity var(--duration-base) var(--ease-out)}.showcase-path:hover{color:#ffffffe6;background:#fff1;border-color:#ffffff40;transform:translateY(-1px)}.showcase-path:first-child.is-active,.showcase-path:first-child[aria-pressed=true]{color:var(--green-200);background:linear-gradient(135deg,#1f7d5b33,#ffffff0b);border-color:#6bbd9c8c;box-shadow:inset 0 0 0 1px #6bbd9c14,0 10px 28px #0410143d}.showcase-path:last-child.is-active,.showcase-path:last-child[aria-pressed=true]{color:var(--blue-200);background:linear-gradient(135deg,#0b5f883d,#ffffff0b);border-color:#71b0d394;box-shadow:inset 0 0 0 1px #71b0d314,0 10px 28px #0410143d}.showcase-path.is-active:after,.showcase-path[aria-pressed=true]:after{opacity:.8}.showcase-path__icon{display:grid;place-items:center;width:2.25rem;height:2.25rem;font-size:var(--fs-sm);color:inherit;background:#ffffff0e;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm)}.showcase-path__copy{display:grid;gap:.2rem;min-width:0}.showcase-path__prompt{font-family:var(--font-display);font-size:.9375rem;line-height:var(--lh-snug);color:#fffffff0}.showcase-path__service{display:none}.showcase__frame{position:relative;overflow:hidden;background:linear-gradient(150deg,#11303eb8,#041119e6 58%),var(--blue-900);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-lg);box-shadow:0 28px 70px #0000004d,inset 0 1px #ffffff0f}.showcase__frame:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 68% 25%,var(--showcase-accent-soft),transparent 40%);transition:background var(--duration-slower) var(--ease-out)}.showcase__visual{position:relative;z-index:1;width:100%;aspect-ratio:16 / 8.5;min-height:320px;overflow:hidden;cursor:grab;touch-action:pan-y pinch-zoom}.showcase__visual:active,.showcase__visual[data-showcase-dragging],.showcase[data-showcase-dragging] .showcase__visual{cursor:grabbing}.showcase__visual:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.42;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 96%);mask-image:linear-gradient(to bottom,#000,transparent 96%)}.showcase__visual:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(118% 88% at 50% 52%,transparent 38%,rgba(2,10,15,.5) 100%),linear-gradient(to bottom,rgba(2,10,15,.34),transparent 26%)}.showcase__fallback,.showcase__stage{position:absolute;inset:0;z-index:1}.showcase__fallback{pointer-events:none;opacity:1;transition:opacity var(--duration-slow) var(--ease-out)}.showcase__stage{z-index:2;width:100%;height:100%;min-width:1px;min-height:1px;cursor:grab;touch-action:pan-y pinch-zoom;opacity:0;transition:opacity var(--duration-slow) var(--ease-out)}.showcase__stage:active,.showcase__stage[data-showcase-dragging]{cursor:grabbing}.showcase__stage canvas{display:block;width:100%;height:100%}.showcase[data-showcase-ready] .showcase__fallback{opacity:0}.showcase[data-showcase-ready] .showcase__stage{opacity:1}.showcase[data-showcase-enhanced] .fallback-node{display:none}.showcase[data-showcase-loading] .showcase__frame:before{animation:showcase-loading 1.6s ease-in-out infinite}@keyframes showcase-loading{50%{opacity:.45}}.fallback-orbit{position:absolute;left:50%;top:48%;width:190px;height:190px;border:1px solid rgba(113,176,211,.2);border-radius:50%;opacity:0;transform:translate(-50%,-50%) rotate(-18deg) scaleY(.5);transition:opacity var(--duration-slow) var(--ease-out)}.fallback-orbit--two{width:260px;height:260px;border-color:#ffc40021;transform:translate(-50%,-50%) rotate(18deg) scaleY(.42)}.fallback-browser{position:absolute;left:35%;top:15%;width:48%;height:62%;padding:.4rem;background:linear-gradient(145deg,#1f3e4cfa,#091923fa);border:1px solid rgba(164,216,193,.34);border-radius:.72rem;box-shadow:0 22px 45px #0000005c,0 0 30px #6bbd9c14;transform:perspective(700px) rotateX(2deg) rotateY(-7deg) rotate(-1deg);transform-origin:center;transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slower) var(--ease-out)}.fallback-browser__bar{display:flex;align-items:center;gap:.25rem;height:12%;padding-inline:.25rem}.fallback-browser__bar i{width:5px;height:5px;border-radius:50%;background:#ffffff47}.fallback-browser__bar i:first-child{background:var(--amber-400)}.fallback-browser__body{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:1.25fr 1fr;gap:.4rem;height:82%;padding:.55rem;background:#020c12cc;border-radius:.42rem;overflow:hidden}.fallback-browser__hero{grid-column:1 / -1;position:relative;border-radius:.35rem;background:linear-gradient(120deg,#389a768c,#0b5f8866),#ffffff0f}.fallback-browser__hero:before,.fallback-browser__hero:after{content:"";position:absolute;left:9%;height:6px;border-radius:var(--radius-full);background:#ffffffc7}.fallback-browser__hero:before{top:29%;width:44%}.fallback-browser__hero:after{top:50%;width:28%;opacity:.48}.fallback-browser__card{position:relative;border:1px solid rgba(255,255,255,.08);border-radius:.32rem;background:#ffffff12;transform:translateY(0)}.fallback-browser__card:before,.fallback-browser__card:after{content:"";position:absolute;left:14%;right:14%;height:4px;border-radius:var(--radius-full);background:#fff6}.fallback-browser__card:before{top:24%}.fallback-browser__card:after{top:46%;right:36%;opacity:.5}.fallback-phone{position:absolute;right:8%;top:34%;display:grid;align-content:end;gap:.25rem;width:12%;height:45%;padding:.5rem .38rem;background:linear-gradient(150deg,#183441,#07141c);border:1px solid rgba(164,216,193,.34);border-radius:.72rem;box-shadow:0 18px 30px #00000059;transform:perspective(500px) rotateY(-10deg) rotate(2deg);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slower) var(--ease-out)}.fallback-phone:before{content:"";position:absolute;top:7%;left:35%;right:35%;height:3px;background:#ffffff38;border-radius:var(--radius-full)}.fallback-phone span{display:block;height:19%;border-radius:.22rem;background:#6bbd9c3d}.fallback-core{position:absolute;left:47%;top:48%;display:grid;place-items:center;width:92px;height:92px;color:var(--blue-100);background:radial-gradient(circle,#71b0d361,#052c40db 62%),var(--blue-900);border:1px solid rgba(168,208,230,.56);border-radius:28%;box-shadow:0 0 0 8px #3a88b414,0 0 44px #3a88b461;opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.72);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slower) var(--ease-out)}.fallback-core>span{position:absolute;inset:12%;border:1px solid rgba(255,255,255,.22);border-radius:30%}.fallback-core i{font-size:var(--fs-lg);transform:rotate(-45deg);filter:drop-shadow(0 0 9px rgba(168,208,230,.72))}.fallback-node{position:absolute;left:5%;display:flex;align-items:center;gap:.42rem;width:112px;min-height:40px;padding:.45rem .55rem;font-size:.6875rem;font-weight:var(--fw-semibold);color:#ffffff9e;background:#081d28e0;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-sm);box-shadow:0 9px 20px #0003;opacity:0;transform:translate(-8px);transition:color var(--duration-base) var(--ease-out),opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out),border-color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out)}.fallback-node i{width:1rem;text-align:center;color:var(--showcase-accent)}.fallback-node--calendar,.fallback-node--voice{top:19%}.fallback-node--media,.fallback-node--documents{top:43%}.fallback-node--lead,.fallback-node--workflow{top:67%}.showcase[data-showcase-path=web] :is(.fallback-node--calendar,.fallback-node--media,.fallback-node--lead),.showcase[data-showcase-path=ai] :is(.fallback-node--voice,.fallback-node--documents,.fallback-node--workflow){opacity:.68;transform:none}.showcase[data-showcase-example=calendar] .fallback-node--calendar,.showcase[data-showcase-example=media] .fallback-node--media,.showcase[data-showcase-example=lead] .fallback-node--lead,.showcase[data-showcase-example=voice] .fallback-node--voice,.showcase[data-showcase-example=documents] .fallback-node--documents,.showcase[data-showcase-example=workflow] .fallback-node--workflow{color:#fff;opacity:1;background:var(--showcase-accent-soft);border-color:var(--showcase-accent);transform:translate(3px);box-shadow:0 0 24px var(--showcase-accent-soft)}.fallback-packet{position:absolute;left:20%;top:50%;width:7px;height:7px;z-index:3;opacity:0;background:var(--amber-400);border-radius:50%;box-shadow:0 0 12px #ffc400eb}.fallback-packet--two{animation-delay:.34s!important}.fallback-packet--three{animation-delay:.68s!important}.showcase[data-showcase-playing][data-showcase-path=web] .fallback-packet{animation:fallback-web-flow var(--showcase-story-duration, 4.7s) var(--ease-in-out) 1 both}.showcase[data-showcase-playing][data-showcase-path=ai] .fallback-packet{animation:fallback-ai-flow var(--showcase-story-duration, 4.8s) var(--ease-in-out) 1 both}@keyframes fallback-web-flow{0%{left:20%;top:50%;opacity:0;transform:scale(.6)}18%{opacity:1}60%{left:47%;top:42%;opacity:1;transform:scale(1)}to{left:75%;top:47%;opacity:0;transform:scale(.55)}}@keyframes fallback-ai-flow{0%{left:20%;top:50%;opacity:0;transform:scale(.6)}18%{opacity:1}53%{left:48%;top:47%;opacity:1;transform:scale(1.2)}to{left:75%;top:47%;opacity:0;transform:scale(.55)}}.fallback-output{position:absolute;right:7%;top:31%;display:grid;align-content:center;gap:.48rem;width:22%;height:38%;padding:.85rem;background:linear-gradient(145deg,#133a4bf0,#061721f5);border:1px solid rgba(113,176,211,.38);border-radius:var(--radius-md);box-shadow:0 18px 36px #00000047;opacity:0;transform:translate(12px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slower) var(--ease-out)}.fallback-output span{display:block;height:5px;background:#a8d0e694;border-radius:var(--radius-full)}.fallback-output span:nth-child(2){width:76%;opacity:.66}.fallback-output span:nth-child(3){width:48%;opacity:.38}.fallback-output strong{margin-top:.35rem;font-family:var(--font-display);font-size:0;color:var(--amber-100)}.fallback-output strong:after{content:"Ready";font-size:var(--fs-sm)}.showcase[data-showcase-example=voice] .fallback-output strong:after{content:"English \2192  Spanish"}.showcase[data-showcase-example=documents] .fallback-output strong:after{content:"Answer cited"}.showcase[data-showcase-example=workflow] .fallback-output strong:after{content:"Task routed"}.showcase[data-showcase-path=ai] .fallback-browser,.showcase[data-showcase-path=ai] .fallback-phone{opacity:0;transform:translateY(12px) scale(.9)}.showcase[data-showcase-path=ai] .fallback-core,.showcase[data-showcase-path=ai] .fallback-output,.showcase[data-showcase-path=ai] .fallback-orbit{opacity:1}.showcase[data-showcase-path=ai] .fallback-core{transform:translate(-50%,-50%) rotate(45deg) scale(1)}.showcase[data-showcase-path=ai] .fallback-output{transform:none}.showcase[data-showcase-playing][data-showcase-path=web] .fallback-browser__card{animation:fallback-card-arrive 1.05s 1.85s var(--ease-out) both}.showcase[data-showcase-playing][data-showcase-path=web] .fallback-browser__card:nth-child(3){animation-delay:2.08s}.showcase[data-showcase-playing][data-showcase-path=web] .fallback-browser__card:nth-child(4){animation-delay:2.31s}@keyframes fallback-card-arrive{0%{opacity:.1;transform:translateY(12px) scale(.92)}to{opacity:1;transform:none}}.showcase[data-showcase-playing][data-showcase-path=ai] .fallback-core{animation:fallback-core-process var(--showcase-story-duration, 4.8s) var(--ease-in-out) both}@keyframes fallback-core-process{0%,to{box-shadow:0 0 0 8px #3a88b414,0 0 44px #3a88b461}52%{box-shadow:0 0 0 15px #3a88b40a,0 0 72px #ffc40057}}.showcase__narrative{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"rule chapter" "rule line";align-content:center;align-items:start;pointer-events:none;cursor:default;opacity:0;transform:translateY(4px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.showcase__rule{grid-area:rule;align-self:stretch;width:2px;margin-right:var(--space-3);border-radius:var(--radius-full);background:linear-gradient(to bottom,var(--showcase-accent),transparent 68%);box-shadow:0 0 14px -6px var(--showcase-accent)}.showcase[data-showcase-active]:not([data-showcase-complete]) .showcase__narrative{opacity:1;transform:none}.showcase__chapter{grid-area:chapter;display:flex;align-items:center;gap:.5rem;min-width:0;font-size:.625rem;font-weight:var(--fw-semibold);letter-spacing:.15em;text-transform:uppercase}.showcase__chapter-num{font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.06em;color:var(--showcase-accent)}.showcase__chapter-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#ffffffc7}.showcase__chapter.is-stepping .showcase__chapter-num,.showcase__chapter.is-stepping .showcase__chapter-name{animation:showcase-chapter-in .36s var(--ease-out) both}.showcase__chapter.is-stepping .showcase__chapter-name{animation-delay:.04s}@keyframes showcase-chapter-in{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:none}}.showcase__track{display:flex;flex:none;gap:4px;margin-left:.25rem}.showcase__track>span{position:relative;display:block;width:clamp(14px,1.7vw,24px);height:2px;overflow:hidden;background:#ffffff24;border-radius:var(--radius-full)}.showcase__track>span>i{position:absolute;inset:0;display:block;background:var(--showcase-accent-strong);border-radius:inherit;opacity:.55;transform:scaleX(0);transform-origin:left;transition:transform 90ms linear,opacity var(--duration-base) var(--ease-out)}.showcase__track>span.is-active{box-shadow:0 0 10px -2px var(--showcase-accent)}.showcase__track>span.is-active>i{opacity:1;transform:scaleX(var(--showcase-phase-progress, 0))}.showcase__track>span.is-complete>i{opacity:.8;transform:scaleX(1)}.showcase__line{grid-area:line;display:-webkit-box;overflow:hidden;max-width:none;min-height:2.6em;margin-top:.2rem;font-family:var(--font-display);font-size:.875rem;line-height:1.3;text-wrap:balance;color:#fff;-webkit-box-orient:vertical;-webkit-line-clamp:2}.showcase[data-showcase-playing] .showcase__line{animation:showcase-line-in .62s var(--ease-out) both}@keyframes showcase-line-in{0%{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(5px)}to{opacity:1;clip-path:inset(0 0 0 0);transform:none}}.showcase__replay{position:absolute;right:clamp(1rem,2.5vw,1.5rem);bottom:clamp(.9rem,2.2vw,1.3rem);z-index:8;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;font-family:var(--font-body);color:#fff9;background:#ffffff0d;border:1px solid rgba(255,255,255,.14);border-radius:50%;cursor:pointer;pointer-events:auto;transition:color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out)}.showcase__replay:hover{color:#fff;background:#ffffff1a;border-color:var(--showcase-accent)}.showcase__replay:focus-visible{outline:3px solid var(--amber-400);outline-offset:3px}.showcase__replay[disabled]{opacity:0;pointer-events:none}.showcase__replay-mark{font-size:1.05rem;line-height:1}.showcase[data-showcase-playing] .showcase__replay-mark{animation:showcase-replay-turn .62s var(--ease-out) 1}@keyframes showcase-replay-turn{to{transform:rotate(360deg)}}.showcase__hotspots,.showcase__examples{position:absolute;inset:0;z-index:6;pointer-events:none}.showcase-hotspot,.showcase-example{--hotspot-x: 15%;--hotspot-y: 22%;--pin-color: var(--showcase-accent);--pin-shift-y: -50%;--pin-scale: 1;position:absolute;left:var(--hotspot-x);top:var(--hotspot-y);display:flex;align-items:center;justify-content:center;width:48px;height:48px;min-height:44px;padding:0;font-family:var(--font-body);font-size:.8125rem;font-weight:var(--fw-semibold);color:#ffffffe0;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.18),transparent 34%),#051c27f0;border:1px solid rgba(255,255,255,.32);border-radius:50%;box-shadow:0 0 0 5px #ffffff09,0 9px 20px #00000047,0 0 18px var(--showcase-accent-soft);cursor:pointer;pointer-events:auto;transform:translate(-50%,var(--pin-shift-y)) scale(var(--pin-scale));transition:color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.showcase-example[data-showcase-example-control=calendar],.showcase-example[data-showcase-example-control=voice]{--pin-color: var(--blue-300)}.showcase-example[data-showcase-example-control=media],.showcase-example[data-showcase-example-control=documents]{--pin-color: var(--amber-400)}.showcase-example[data-showcase-example-control=lead],.showcase-example[data-showcase-example-control=workflow]{--pin-color: var(--green-300)}.showcase-hotspot:before,.showcase-example:before{content:"";position:absolute;inset:-7px;border:1px solid var(--showcase-accent);border-radius:inherit;opacity:0;pointer-events:none;animation:showcase-hotspot-pulse 2.35s var(--ease-out) infinite}.showcase-hotspot:nth-child(2):before,.showcase-example:nth-child(2):before{animation-delay:.42s}.showcase-hotspot:nth-child(3):before,.showcase-example:nth-child(3):before{animation-delay:.84s}@keyframes showcase-hotspot-pulse{0%,24%{opacity:0;transform:scale(.82)}42%{opacity:.72}76%,to{opacity:0;transform:scale(1.3)}}.showcase-hotspot>span,.showcase-example>span{position:absolute;top:50%;left:calc(100% + .55rem);min-height:28px;padding:.34rem .55rem;white-space:nowrap;font-size:.6875rem;line-height:1;color:#fffc;background:#03121af0;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-full);box-shadow:0 6px 16px #0000003d;transform:translateY(-50%);transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.showcase-hotspot i,.showcase-example i{color:var(--showcase-accent);filter:drop-shadow(0 0 7px var(--showcase-accent-soft))}@media (hover: hover){.showcase-hotspot:hover,.showcase-example:hover{color:#fff;background-color:#0f3947fa;border-color:var(--showcase-accent);box-shadow:0 0 0 6px var(--showcase-accent-soft),0 12px 24px #00000057,0 0 28px var(--showcase-accent-soft);--pin-scale: 1.08}.showcase-hotspot:hover>span,.showcase-example:hover>span{color:#fff;background:#06202bfa;border-color:var(--showcase-accent)}}.showcase-hotspot:active,.showcase-example:active{--pin-scale: .96}.showcase-hotspot:focus-visible,.showcase-example:focus-visible{outline:3px solid var(--amber-400);outline-offset:5px}.showcase-hotspot:focus-visible>span,.showcase-example:focus-visible>span{color:#fff;background:#06202bfa;border-color:var(--amber-400)}.showcase-hotspot.is-active,.showcase-hotspot[aria-pressed=true],.showcase-hotspot.is-scene-hover,.showcase-example.is-active,.showcase-example[aria-pressed=true],.showcase-example.is-scene-hover{color:#fff;background-color:#0a2e3cfa;border-color:var(--showcase-accent);box-shadow:0 0 0 5px var(--showcase-accent-soft),0 10px 24px #00000052,0 0 30px var(--showcase-accent-soft)}.showcase-hotspot.is-active>span,.showcase-hotspot[aria-pressed=true]>span,.showcase-example.is-active>span,.showcase-example[aria-pressed=true]>span{color:#fff;border-color:var(--showcase-accent)}.showcase-example[data-showcase-example-control=calendar],.showcase-example[data-showcase-example-control=voice]{--hotspot-x: 15%;--hotspot-y: 25%}.showcase-example[data-showcase-example-control=media],.showcase-example[data-showcase-example-control=documents]{--hotspot-x: 15%;--hotspot-y: 49%}.showcase-example[data-showcase-example-control=lead],.showcase-example[data-showcase-example-control=workflow]{--hotspot-x: 15%;--hotspot-y: 73%}.showcase[data-showcase-ready] .showcase-example[data-showcase-example-control=calendar],.showcase[data-showcase-ready] .showcase-example[data-showcase-example-control=voice]{--hotspot-x: 39%;--hotspot-y: 25%}.showcase[data-showcase-ready] .showcase-example[data-showcase-example-control=media],.showcase[data-showcase-ready] .showcase-example[data-showcase-example-control=documents]{--hotspot-x: 32.5%;--hotspot-y: 33%}.showcase[data-showcase-ready] .showcase-example[data-showcase-example-control=lead],.showcase[data-showcase-ready] .showcase-example[data-showcase-example-control=workflow]{--hotspot-x: 26%;--hotspot-y: 40%}.showcase[data-showcase-ready] .showcase-example{--pin-leader: 24px;--pin-shift-y: calc(-100% - var(--pin-leader));display:inline-flex;gap:.36rem;width:auto;height:auto;min-height:0;padding:.3rem .6rem;font-size:.6875rem;letter-spacing:.005em;color:#ffffffd1;background:#06161ea8;border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-full);box-shadow:0 8px 22px #0000005c;-webkit-backdrop-filter:blur(7px) saturate(1.2);backdrop-filter:blur(7px) saturate(1.2)}.showcase[data-showcase-ready] .showcase-example:after{content:"";position:absolute;top:100%;left:50%;width:1px;height:var(--pin-leader);pointer-events:none;background:linear-gradient(to bottom,var(--pin-color),rgba(255,255,255,0));opacity:.5;transform:translate(-50%);transition:opacity var(--duration-base) var(--ease-out)}.showcase[data-showcase-ready] .showcase-example:before{inset:auto auto calc(-1 * var(--pin-leader) - 3px) 50%;width:7px;height:7px;border:0;border-radius:50%;opacity:1;background:var(--pin-color);box-shadow:0 0 0 3px #ffffff12,0 0 12px var(--pin-color);transform:translate(-50%);animation:showcase-beacon 2.6s var(--ease-out) infinite}@keyframes showcase-beacon{0%,to{box-shadow:0 0 0 3px #ffffff12,0 0 12px var(--pin-color)}50%{box-shadow:0 0 0 6px #ffffff05,0 0 20px var(--pin-color)}}.showcase[data-showcase-ready] .showcase-example>span{position:static;min-height:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;transform:none}.showcase[data-showcase-ready] .showcase-example i{font-size:.6875rem;color:var(--pin-color);filter:none;opacity:.9}@media (hover: hover){.showcase[data-showcase-ready] .showcase-example:hover{--pin-scale: 1.03;color:#fff;background-color:#09222de6;border-color:var(--pin-color);box-shadow:0 10px 26px #0000006b,0 0 22px -6px var(--pin-color)}.showcase[data-showcase-ready] .showcase-example:hover:after{opacity:.95}}.showcase[data-showcase-ready] .showcase-example.is-active,.showcase[data-showcase-ready] .showcase-example[aria-pressed=true],.showcase[data-showcase-ready] .showcase-example.is-scene-hover{color:#fff;background-color:#09222de6;border-color:var(--pin-color);box-shadow:0 10px 26px #0000006b,0 0 24px -6px var(--pin-color)}.showcase[data-showcase-ready] .showcase-example.is-active:after,.showcase[data-showcase-ready] .showcase-example[aria-pressed=true]:after{opacity:1}.showcase[data-showcase-ready] .showcase-example.is-active:before,.showcase[data-showcase-ready] .showcase-example[aria-pressed=true]:before{animation:none;box-shadow:0 0 0 4px #ffffff1a,0 0 18px var(--pin-color)}.showcase[data-showcase-active] .showcase-example:not(.is-active):not(:hover):not(:focus-visible){opacity:.62}.showcase[data-showcase-active] .showcase-example{transition:opacity var(--duration-slow) var(--ease-out)}.showcase[data-showcase-active]:not([data-showcase-ready]) .showcase-example:before{animation:none;opacity:.22}.showcase__cue{position:absolute;left:clamp(1rem,2.5vw,1.5rem);bottom:clamp(.95rem,2.2vw,1.35rem);z-index:7;pointer-events:none;font-size:.625rem;letter-spacing:.04em;color:#ffffff57;transition:opacity var(--duration-slow) var(--ease-out)}.showcase[data-showcase-engaged] .showcase__cue{opacity:0}.showcase:not([data-showcase-ready]) .showcase__cue{display:none}.showcase__result{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:#ffffff09;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md)}.showcase__result-copy{position:relative;display:grid;align-content:center;gap:.32rem;min-width:0;min-height:50px}.showcase__service,.showcase__outcome{transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.showcase[data-showcase-active]:not([data-showcase-complete]) .showcase__service,.showcase[data-showcase-active]:not([data-showcase-complete]) .showcase__outcome{opacity:0;transform:translateY(-3px)}.showcase__service{display:block;font-size:.625rem;font-weight:var(--fw-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--showcase-accent)}.showcase__outcome{display:block;margin-top:.12rem;font-family:var(--font-display);font-size:.9375rem;line-height:var(--lh-snug);color:#fff}.showcase__cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:var(--space-3) var(--space-4);white-space:nowrap;text-decoration:none;font-size:var(--fs-xs);font-weight:var(--fw-semibold);color:#fff;background:#0b5f88b8;border:1px solid rgba(113,176,211,.5);border-radius:var(--radius-sm);transition:background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.showcase__cta:hover{color:#fff;background:var(--blue-500);border-color:var(--blue-200);transform:translateY(-1px)}.showcase__cta i{transition:transform var(--duration-base) var(--ease-out)}.showcase__cta:hover i{transform:translate(3px)}.showcase__nojs{padding:var(--space-3);font-size:var(--fs-xs);line-height:var(--lh-normal);color:#ffffff9e;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm)}.showcase__nojs a{color:var(--blue-200)}@media (max-width: 980px){.hero--showcase{min-height:auto;padding-block-end:var(--space-16)}.hero--showcase .hero__inner{grid-template-columns:minmax(0,1fr);gap:var(--space-12);max-width:900px}.hero--showcase .hero__copy{max-width:760px}.hero--showcase .hero__title{max-width:17ch}}@media (max-width: 640px){.hero--showcase{padding-block-start:calc(var(--header-height) + var(--space-8));padding-block-end:var(--space-12)}.hero--showcase .hero__inner{gap:var(--space-10)}.hero--showcase .hero__eyebrow,.hero--showcase .hero__title{margin-bottom:var(--space-4)}.hero--showcase .hero__lead{margin-bottom:var(--space-6)}.showcase__intro{align-items:flex-start}.showcase__paths{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-path{grid-template-columns:2rem minmax(0,1fr);gap:var(--space-2);min-height:56px;padding-inline:var(--space-2)}.showcase-path__icon{width:2rem;height:2rem}.showcase-path__prompt{font-size:.8125rem}.showcase__visual{aspect-ratio:8 / 5;min-height:220px}.fallback-node{top:calc(16% - 24px);justify-content:center;width:48px;min-height:48px;padding:0;border-radius:50%}.fallback-node span{display:none}.fallback-node--calendar,.fallback-node--voice{left:calc(18% - 24px)}.fallback-node--media,.fallback-node--documents{left:calc(50% - 24px)}.fallback-node--lead,.fallback-node--workflow{left:calc(82% - 24px)}.fallback-browser{left:15%;top:40%;width:68%;height:30%}.fallback-phone{right:7%;top:43%;width:14%;height:30%}.fallback-core{left:50%;top:54%;width:72px;height:72px}.fallback-output{right:4%;top:40%;width:30%;height:31%;padding:.62rem}.fallback-output strong{white-space:nowrap}.fallback-output strong:after{font-size:.6rem}.showcase__line{max-width:none;min-height:2.6em;font-size:.8125rem}.showcase-example{--hotspot-y: 16% !important;width:46px;height:46px;min-height:46px}.showcase-example[data-showcase-example-control=calendar],.showcase-example[data-showcase-example-control=voice]{--hotspot-x: 18%}.showcase-example[data-showcase-example-control=media],.showcase-example[data-showcase-example-control=documents]{--hotspot-x: 50%}.showcase-example[data-showcase-example-control=lead],.showcase-example[data-showcase-example-control=workflow]{--hotspot-x: 82%}.showcase-example>span{top:calc(100% + .35rem);right:auto;left:50%;min-height:24px;padding:.28rem .45rem;font-size:.625rem;transform:translate(-50%)}.showcase__result{grid-template-columns:minmax(0,1fr);align-items:start}.showcase__cta{width:100%}}@media (max-width: 390px){.showcase__visual{min-height:220px}.showcase__chapter{font-size:.5625rem}}@media (max-width: 350px){.fallback-output{padding:.5rem}.fallback-output strong:after{font-size:.52rem}}@media (prefers-reduced-motion: reduce){.showcase[data-showcase-playing] .fallback-packet,.showcase[data-showcase-playing] .fallback-browser__card,.showcase[data-showcase-playing] .fallback-core,.showcase[data-showcase-playing] .showcase__replay-mark,.showcase[data-showcase-playing] .showcase__line,.showcase__chapter.is-stepping .showcase__chapter-num,.showcase__chapter.is-stepping .showcase__chapter-name,.showcase-example:before{animation:none!important}.showcase__narrative,.showcase__cue,.showcase-example,.showcase__track>span>i{transition:none!important}.showcase[data-showcase-ready] .showcase-example:before{opacity:1}.showcase:not([data-showcase-ready]) .showcase-example:before{opacity:.28;transform:none}.fallback-packet{display:none}}