.product-showcase{color:#eee;background:#111;min-height:calc(100svh - 65px);scroll-margin-top:65px}.showcase-container{max-width:1440px;margin-inline:auto;padding:30px clamp(24px,5vw,80px) 45px}.showcase-top{color:#aaa;justify-content:space-between;align-items:center;gap:20px;font-size:10px;display:flex}.showcase-top a{color:#ddd;align-items:center;gap:10px;font-size:12px;text-decoration:none;display:flex}.showcase-counter{font-family:var(--font-geist-mono);color:#eee}.showcase-counter span{color:#777}.showcase-body{grid-template-columns:1.15fr 1fr;align-items:center;gap:clamp(40px,7vw,95px);min-height:660px;padding-block:45px 60px;display:grid}.showcase-stage{perspective:1300px;background:radial-gradient(#ffffff08,#0000 68%);justify-content:center;align-items:center;height:500px;display:flex;position:relative}.showcase-device-position{aspect-ratio:1.45;width:100%}.showcase-phone .showcase-device-position{aspect-ratio:auto;width:225px;height:480px}.showcase-stage-caption{letter-spacing:.13em;color:#aaa;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:0;left:0;right:0}.showcase-stage-baseline{color:#aaa;border-top:1px solid #333;justify-content:space-between;align-items:center;padding-top:20px;font-size:10px;display:flex;position:absolute;bottom:0;left:0;right:0}.showcase-phone{height:560px}.showcase-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#aaa;font-size:10px}.showcase-copy h1{letter-spacing:-.06em;white-space:pre-line;outline:none;margin:25px 0;font-size:clamp(39px,4.2vw,61px);font-weight:450;line-height:1.06}.showcase-description{color:#bdbdbd;font-size:15px;line-height:1.85}.showcase-usecase{border-left:1px solid #777;margin-top:27px;padding-left:18px}.showcase-usecase>span{letter-spacing:.14em;text-transform:uppercase;color:#ddd;font-size:9px}.showcase-usecase p{color:#bbb;margin-top:10px;font-size:13px;line-height:1.8}.showcase-audience{color:#aaa;margin-top:20px;font-size:11px;line-height:1.7}.showcase-tags{flex-wrap:wrap;gap:7px;margin:22px 0;padding:0;list-style:none;display:flex}.showcase-tags li{color:#c7c7c7;border:1px solid #414141;border-radius:5px;padding:6px 9px;font-size:9px}.showcase-actions{align-items:center;gap:24px;margin-top:27px;display:flex}.showcase-actions a{color:#eee;align-items:center;gap:12px;font-size:12px;text-decoration:none;display:flex}.showcase-actions .showcase-github{color:#222;background:#eee;border-radius:8px;min-height:47px;padding:12px 18px}.showcase-source-note{color:#aaa;margin-top:15px;font-size:10px;line-height:1.7}.showcase-product-nav{border-top:1px solid #3a3a3a;grid-template-columns:repeat(4,1fr);gap:30px;display:grid}.showcase-product-nav-item{color:#999;border-top:1px solid #0000;grid-template-columns:20px 1fr 18px;align-items:center;gap:8px 9px;margin-top:-1px;padding-top:22px;text-decoration:none;transition:color .18s;display:grid}.showcase-product-nav-item>span:first-child{font-size:8px;font-family:var(--font-geist-mono)}.showcase-product-nav-item strong{letter-spacing:-.04em;font-size:20px;font-weight:450}.showcase-product-nav-item>span:nth-child(3){grid-area:2/2;font-size:9px}.showcase-product-nav-item>svg{grid-area:1/3}.showcase-product-nav-item.is-current{color:#eee;border-top-color:#eee}.showcase-container a:focus-visible{outline-offset:6px;outline:2px solid #ddd}.showcase-copy{animation:.45s cubic-bezier(.22,1,.36,1) both showcase-copy-in}@keyframes showcase-copy-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}body:has(.product-showcase) .studio-nav{color:#eee;background:#111e;border-bottom-color:#333}body:has(.product-showcase) .studio-logo-light{display:none}body:has(.product-showcase) .studio-logo-dark{display:block}body:has(.product-showcase) .studio-mobile-links{color:#eee;background:#111}body:has(.product-showcase) .studio-nav .button{color:#eee;background:#292929;border-color:#555}body:has(.product-showcase) .studio-ai-link span{color:#ddd}@media (hover:hover) and (pointer:fine){.showcase-actions .showcase-github:hover{background:#fff}.showcase-product-nav-item:hover{color:#eee}}@media (max-width:1000px){.showcase-body{grid-template-columns:1fr 1fr;gap:35px}.showcase-stage{height:430px}.showcase-device-position{aspect-ratio:1.5}.showcase-phone{height:540px}.showcase-product-nav{gap:15px}.showcase-product-nav-item strong{font-size:18px}}@media (max-width:700px){.showcase-container{padding-top:24px}.showcase-top>span:nth-child(2){display:none}.showcase-body{grid-template-columns:1fr;gap:40px;padding-top:35px}.showcase-stage{height:350px}.showcase-device-position{aspect-ratio:1.5}.showcase-stage-caption{font-size:7px}.showcase-stage-baseline{font-size:9px;bottom:-15px}.showcase-phone{height:495px}.showcase-phone .showcase-device-position{width:207px;height:440px}.showcase-copy{padding-top:20px}.showcase-copy h1{font-size:43px}.showcase-description{font-size:14px}.showcase-product-nav{grid-template-columns:1fr 1fr;gap:25px 20px}.showcase-product-nav-item{padding-top:16px}.showcase-actions{gap:20px}.showcase-source-note{font-size:10px}}@media (prefers-reduced-motion:reduce){.showcase-copy{animation:none}.showcase-product-nav-item{transition:none}}