/* Filled website/app interfaces inside the original cinematic device frames. */
#showcase .sec__head{margin-bottom:20px}
#showcase .stage{max-width:1120px;height:590px;margin-top:20px}
#showcase .device--mac{width:min(64vw,700px)}
#showcase .device--phone{width:210px;right:0;bottom:10px}
#showcase .device--tablet{width:214px;bottom:30px}
.showcase-device-link{display:block;cursor:pointer;color:#eef2ff}
.showcase-device-link:focus-visible{outline:3px solid #b2c8ff;outline-offset:7px}
#showcase .mac__view{height:380px;background:#0b1020}
#showcase .mac__bar{align-items:center;min-height:26px}
#showcase .mac__bar small{margin-left:auto;color:#bbc7e0;font-size:.75rem;line-height:1.4;text-align:right}
#showcase .showcase-site{position:relative;gap:0;padding:0;animation:filledSiteScroll 24s cubic-bezier(.45,0,.2,1) infinite;will-change:transform}
@keyframes filledSiteScroll{0%,18%,100%{transform:translateY(0)}68%,86%{transform:translateY(calc(-1 * var(--showcase-travel,0px)))}}
#showcase:not(.in) #macScroll,#showcase.is-preview-paused #macScroll,#showcase .device--mac:hover #macScroll,#showcase .device--mac:focus-within #macScroll{animation-play-state:paused!important}
.showcase-site-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid #333e5c;background:#111729}
.showcase-site-nav>b{font-family:var(--display);font-size:1.15rem;line-height:1.1;letter-spacing:-.04em}
.showcase-site-nav>b>span{display:block;font-family:var(--font);font-size:.75rem;letter-spacing:.24em;color:#a8b8d7;margin-top:5px}
.showcase-site-nav>span{font-size:.75rem;color:#b8c6df}
.showcase-site-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:20px;padding:30px 24px;background:radial-gradient(ellipse at 100% 0%,#38497866,transparent 75%),#111729}
.showcase-screen-label{display:block;font-size:.75rem;line-height:1.6;color:#a9bfff;letter-spacing:.03em}
.showcase-site-hero h3{font-family:var(--display);font-size:clamp(1.8rem,3.4vw,2.7rem);line-height:1.08;letter-spacing:-.055em;margin:13px 0}
.showcase-site-hero h3 em{font-style:normal;color:#ab9dff}
.showcase-site-hero p{font-size:1rem;line-height:1.6;color:#c1cce2;max-width:28ch}
.showcase-growth{min-width:0;padding:18px;border:1px solid #526182;border-radius:14px;background:linear-gradient(145deg,#242a4e,#11192d);box-shadow:0 18px 35px #03071055}
.showcase-growth-heading{display:flex;align-items:center;gap:10px;padding-bottom:16px;font-size:.875rem;line-height:1.5;color:#c7d1eb}
.showcase-growth-heading svg{flex:none}
.showcase-growth-heading strong{color:#f1f3ff}
.showcase-growth-row{display:flex;align-items:flex-start;gap:10px;padding:15px 0;border-top:1px solid #45516d}
.showcase-growth-row>span{font-size:.75rem;line-height:1.8;color:#afa9ff}
.showcase-growth-row strong{display:block;font-size:.875rem;line-height:1.5;color:#f0f2ff}
.showcase-growth-row small{display:block;font-size:.75rem;line-height:1.65;color:#bdcbe7;margin-top:4px}
.showcase-site-hero .showcase-growth>p{font-size:.75rem;line-height:1.6;color:#b6b8ed;border-top:1px solid #45516d;padding-top:13px;max-width:none}
.showcase-screen-cta{display:inline-flex;gap:12px;align-items:center;padding:10px 12px;border-radius:9px;background:#aa9cff;color:#11172b;font-size:.875rem;line-height:1.5;font-weight:600;margin-top:18px}
.showcase-site-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#35405f;border-top:1px solid #35405f;border-bottom:1px solid #35405f}
.showcase-site-services>div{padding:20px 18px;background:#131a2b}
.showcase-site-services>div>span{font-size:.75rem;color:#a899ff}
.showcase-site-services h4{font-size:.875rem;line-height:1.4;margin:10px 0 7px}
.showcase-site-services p{font-size:.875rem;line-height:1.65;color:#bac7e0}
.showcase-site-project{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:20px;padding:28px 24px;background:linear-gradient(125deg,#1d2341,#171e34)}
.showcase-site-project h4{font-family:var(--display);font-size:1.45rem;line-height:1.25;margin:10px 0}
.showcase-site-project p{font-size:.875rem;line-height:1.65;color:#bac7e0}
.showcase-site-wordmark{font-family:var(--display);font-size:clamp(1.2rem,2vw,1.6rem);letter-spacing:-.04em;text-align:center;padding:32px 10px;border:1px solid #58618b;border-radius:12px;color:#c7c2ff;background:#292b48}
.showcase-site-wordmark small{display:block;font-family:var(--font);font-size:.75rem;letter-spacing:0;margin-top:12px;color:#c8d3e7}
.showcase-site-contact{padding:24px;background:#5368b1;color:#fff}
.showcase-site-contact h4{font-size:1.1rem;line-height:1.45;max-width:24ch;margin-bottom:12px}
.showcase-site-contact>span{font-size:.875rem;line-height:1.5}
.showcase-site-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:18px 24px;font-size:.75rem;color:#afbdd7;background:#101627}
#showcase .showcase-brand{padding:17px;gap:14px}
.showcase-brand>strong{font-family:var(--display);font-size:1.25rem;letter-spacing:.18em}
.showcase-brand img{display:block;width:100%;height:125px;object-fit:cover;border-radius:10px}
.showcase-brand p{font-size:.875rem;line-height:1.6;color:#c6d1e8}
#showcase .showcase-app{padding:22px 14px 14px;gap:12px}
.showcase-app-status{display:flex;justify-content:space-between;gap:8px;font-size:.75rem;color:#afbdd8;margin-bottom:8px}
.showcase-app h3{font-family:var(--display);font-size:1.25rem;line-height:1.25;letter-spacing:-.035em}
.showcase-app>p{font-size:.875rem;line-height:1.5;color:#c4d0e5}
.showcase-app-feature{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid #777ab8;border-radius:14px;background:linear-gradient(125deg,#3c4277,#242b51)}
.showcase-app-feature>span:first-child{font-size:.75rem;color:#d4dcf1}
.showcase-app-feature strong{font-size:1rem;line-height:1.4}
.showcase-app-feature small{font-size:.75rem;color:#d3dcf1}
.showcase-app-progress{height:4px;background:#a4b4df44;border-radius:4px;margin-top:5px}
.showcase-app-progress>span{display:block;width:65%;height:100%;background:#ada3ff;border-radius:4px}
.showcase-app-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #344260}
.showcase-app-row>span{font-size:.75rem;color:#abbcff}
.showcase-app-row b{font-size:.875rem;line-height:1.5;display:block}
.showcase-app-row small{font-size:.75rem;color:#b3c4df;display:block;line-height:1.6}
.showcase-app-bottom{font-size:.75rem;line-height:1.5;color:#b6c7f8;padding-top:4px}
.showcase-actions{max-width:900px;margin:22px auto 0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}
.showcase-actions .btn,.showcase-motion{min-height:46px;font-size:.875rem;line-height:1.5;padding:11px 17px}
.showcase-motion{border:1px solid #566381;border-radius:12px;color:#c5d2ee;cursor:pointer;background:#10182c}
.showcase-motion:hover{border-color:#a8baff;color:#fff}
.showcase-motion[aria-pressed=true]{background:#252d4a;border-color:#a8baff}
#showcase .showcase-note{font-size:.875rem;margin-top:18px}
@media(max-width:940px){#showcase .stage{height:550px}#showcase .device--mac{width:80vw}#showcase .device--phone{width:195px;right:-2%}#showcase .device--tablet{display:none}}
@media(max-width:700px){#showcase .device--phone{display:none}#showcase .device--mac{width:100%}#showcase .stage{height:490px}#showcase .mac__view{height:390px}.showcase-site-nav{padding:16px}.showcase-site-hero{padding:24px 18px;gap:16px}.showcase-growth{padding:14px}.showcase-site-project{padding:24px 18px}.showcase-site-services>div{padding:17px 12px}}
@media(max-width:480px){#showcase .stage{height:500px;margin-top:12px}#showcase .mac__screen{padding:9px}#showcase .mac__view{height:410px}.showcase-site-hero{grid-template-columns:1fr}.showcase-site-hero h3{font-size:2rem}.showcase-site-nav>span{display:none}.showcase-site-services{grid-template-columns:1fr}.showcase-site-services>div{padding:18px}.showcase-site-project{grid-template-columns:1fr}.showcase-site-wordmark{padding:24px 10px}.showcase-actions{display:grid;grid-template-columns:minmax(0,1fr);margin-top:10px}.showcase-actions .btn{width:100%}#showcase .mac__bar small{font-size:.75rem;max-width:165px}}
@media(prefers-reduced-motion:reduce){#showcase .showcase-site{animation:none!important;transform:none!important;will-change:auto}#showcase .mac__view{overflow-y:auto;scrollbar-width:thin}.showcase-motion{display:none}}