.showcase-scenes{display:grid;min-width:0}.showcase-scenes>.showcase-scene{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .8s ease,transform .8s ease,visibility .8s}.showcase-scenes>.showcase-scene.is-active{opacity:1;visibility:visible;transform:none}.showcase-scenes .hero-visual{height:100%;margin:0;animation:none}.showcase-scenes .mini-window{min-height:365px}.showcase-calendar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 20px 25px}.showcase-calendar article{padding:15px 10px;border:1px solid #dce5e6;border-radius:9px;min-height:135px;background:#f7fbf9}.showcase-calendar b{display:block;font-size:13px;color:#087e77}.showcase-calendar p{font-size:10px;margin-top:15px}.showcase-calendar small{display:block;font-size:9px;color:#627780}.showcase-chart{height:145px;display:flex;gap:16px;align-items:flex-end;margin:10px 24px 25px;border-bottom:1px solid #dce5e6}.showcase-chart>div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:8px}.showcase-chart i{display:block;width:100%;height:var(--bar);background:linear-gradient(#63c9ad,#087e77);border-radius:5px 5px 0 0}.showcase-chart small{font-size:9px}.showcase-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:18px;position:relative;z-index:2}.showcase-controls button{border:1px solid #adc9bf;background:white;color:#087e77;border-radius:20px;min-width:30px;min-height:30px;font-size:12px}.showcase-controls button[aria-pressed="true"]{background:#087e77;color:white}.showcase-controls .showcase-pause{min-width:36px}@media(max-width:700px){.showcase-scenes .mini-window{min-height:350px}.showcase-calendar{gap:6px;margin-inline:12px}.showcase-calendar article{padding:12px 6px}.showcase-calendar p{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){.showcase-scenes>.showcase-scene{transition:none;transform:none}}
.hero-headlines{display:grid}.hero-headline{grid-area:1/1;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .8s ease,transform .8s ease,visibility .8s;overflow-wrap:anywhere}.hero-headline.is-active{opacity:1;visibility:visible;transform:none}@media(prefers-reduced-motion:reduce){.hero-headline{transition:none;transform:none}}.stop-motion .hero-headline{transition:none;transform:none}
.role-strip{justify-content:center;gap:32px;flex-wrap:wrap}.role-pill{display:flex;gap:10px;align-items:center}.role-symbol{display:grid;place-items:center;border:1px solid #bad7c9;background:#e7f3ed;color:#087e77;width:32px;height:32px;border-radius:9px;font-size:20px}.role-pill strong{font-size:14px}@media(max-width:700px){.role-strip{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding-block:20px}.role-pill{justify-content:center}}
.hero>[data-showcase-carousel]{position:relative;min-width:0}.hero .showcase-scenes .hero-visual{padding:0;background:none;border:0;border-radius:0;transform:none;box-shadow:none}.hero .showcase-scenes .mini-window{min-height:400px;box-shadow:0 14px 40px #26483b0c}.hero .showcase-scenes .visual-top{margin-bottom:12px;font-size:10px}.hero .showcase-scenes .mini-nav{font-size:11px;gap:15px}.hero .showcase-scenes .job-info strong{font-size:13px}.hero .showcase-scenes .job-info small{font-size:10px}.hero .showcase-scenes .job-time{font-size:13px}.hero .showcase-scenes .status{font-size:9px}.hero .showcase-scenes .mini-metrics small{font-size:10px}.hero .showcase-scenes .mini-metrics b{font-size:20px}.hero .showcase-scenes .floating-card{right:8px;bottom:8px}.hero .showcase-controls{position:absolute;inset-inline-end:8px;bottom:-38px;margin:0;opacity:0;transition:opacity .2s}.hero [data-showcase-carousel]:hover .showcase-controls,.hero .showcase-controls:focus-within{opacity:1}.hero .showcase-controls [data-scene]{display:none}@media(min-width:1000px){.hero{grid-template-columns:.9fr 1.15fr;gap:45px}}@media(max-width:700px){.hero .showcase-scenes .mini-nav{font-size:10px;gap:9px}.hero .showcase-scenes .job-info strong{font-size:11px}.hero .showcase-scenes .job-info small{font-size:9px}.hero .showcase-scenes .mini-window{min-height:380px}.hero .showcase-scenes .floating-card{position:relative;right:auto;bottom:auto;margin:10px 0 0;justify-content:center;box-shadow:none}.hero .showcase-scenes .mini-metrics{margin-inline:12px}.hero .showcase-scenes .job{margin-inline:12px}.hero .showcase-scenes .mini-heading{padding-inline:12px}}
.hero .showcase-scenes{perspective:1300px;padding:10px 5px 14px}.hero .showcase-scenes .hero-visual{transform:rotate(-1.8deg) rotateY(-3deg);transform-origin:center;transition:transform .9s ease}.hero .showcase-scene:nth-child(2) .hero-visual{transform:rotate(1.2deg) rotateY(-3deg)}.hero .showcase-scene:nth-child(3) .hero-visual{transform:rotate(-1deg) rotateY(-3deg)}@media(max-width:700px){.hero .showcase-scenes{padding:6px 4px 12px;perspective:none}.hero .showcase-scenes .hero-visual{transform:rotate(-.7deg)}.hero .showcase-scene:nth-child(2) .hero-visual{transform:rotate(.5deg)}.hero .showcase-scene:nth-child(3) .hero-visual{transform:rotate(-.5deg)}}
.hero .showcase-scenes>.showcase-scene{transform:none;transition:opacity 1.2s cubic-bezier(.4,0,.2,1),visibility 1.2s;will-change:opacity}.hero .showcase-scenes>.showcase-scene.is-active{transform:none}@media(prefers-reduced-motion:reduce){.hero .showcase-scenes>.showcase-scene{transition:none;will-change:auto}}

.hero h1 .hero-headline{color:var(--ink)}