/* Product showcases extend the approved shared design system. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.products-hero{background:var(--navy);color:#d0e0e9;position:relative;overflow:hidden}
.products-hero:after{content:"";position:absolute;right:-120px;top:-100px;width:460px;height:460px;border:1px solid #ffffff10;border-radius:50%;pointer-events:none}
.products-hero .eyebrow,.products-hero h1 span{color:#87e1e5}.products-hero h1{color:white}.products-hero p:not(.eyebrow){color:#d0e0e9;max-width:780px}
.products-hero .section-jump a{color:#e7f3f7;border-color:#66899f;position:relative;z-index:1}.products-hero .section-jump a:hover{color:var(--navy)}.products-hero :focus-visible{outline-color:#87e1e5}
.showcase-heading{display:flex;justify-content:space-between;align-items:center;gap:48px;margin-bottom:26px}.showcase-heading>div:first-child{max-width:760px}.showcase-heading h2{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:clamp(2rem,3.5vw,3.15rem);margin-bottom:15px}.showcase-heading .eyebrow{margin-bottom:12px}
.product-status{font-family:Inter,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.02em;line-height:1.5;padding:7px 12px;border-radius:99px;color:#086773;background:#e1f2f1;border:1px solid #bcdedc}
.product-status:before{content:"";display:inline-block;width:5px;height:5px;vertical-align:middle;margin-right:7px;background:#086773;border-radius:50%}
.showcase-lead{font-size:18px;color:var(--muted);max-width:750px;margin:0}.showcase-action{display:flex;flex-direction:column;align-items:flex-end;gap:10px;flex-shrink:0}.showcase-action>span{font-size:10px;color:var(--muted)}.showcase-intro{max-width:900px;color:var(--muted);font-size:16px;margin-bottom:36px}
.application-screenshot{margin:0 0 54px;border:1px solid #cadce5;border-radius:14px;overflow:hidden;background:var(--mist);box-shadow:0 20px 50px #0b3c5d12}.screenshot-frame{display:flex;align-items:center;justify-content:center;position:relative;background:#e8eef2;border-bottom:1px solid #cfdce3;padding:13px 90px;color:#52616b;font-size:11px;text-align:center}.frame-dots{position:absolute;left:18px;display:flex;gap:6px}.frame-dots i{width:7px;height:7px;border-radius:50%;background:#9ab2bf}.application-screenshot img{width:100%;height:auto;aspect-ratio:1622/762;object-fit:contain}.application-screenshot>a{display:block}.application-screenshot>a:focus-visible{outline-offset:-5px}.application-screenshot figcaption{display:flex;gap:20px;justify-content:space-between;padding:16px 20px;background:white;font-size:11px;color:var(--muted)}.application-screenshot figcaption a{color:var(--action);font-weight:600;min-height:24px;flex-shrink:0;display:flex;gap:8px;align-items:center}.application-screenshot figcaption a:hover{text-decoration:underline}
.showcase-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-bottom:38px;border-bottom:1px solid var(--line)}.showcase-overview h3{font-size:20px}.showcase-overview p:not(.eyebrow){font-size:14px;color:var(--muted);margin-bottom:0}.showcase-overview .eyebrow{font-size:10px;margin-bottom:14px}
.application-screenshot figcaption small{display:block;font-size:10px;margin-top:4px;line-height:1.6}
.showcase-capabilities{margin:46px 0}.capabilities-heading{max-width:640px;margin-bottom:26px}.capabilities-heading h3{font-size:27px}.capabilities-heading>p:not(.eyebrow){font-size:14px;color:var(--muted)}.feature-grid{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-grid li{margin:0;padding:24px;background:var(--mist);border:1px solid var(--line);border-radius:10px}.feature-grid h4{font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--navy);margin:0 0 10px;font-weight:600}.feature-grid p{font-size:13px;color:var(--muted);margin:0}.feature-grid li:last-child{grid-column:1/-1}
.product-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--line);padding-top:36px}.product-context-grid h3{font-size:20px}.mode-list,.technology-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}.mode-list li,.technology-list li{padding:9px 12px;border:1px solid #c6d9df;border-radius:5px;font-size:12px;margin:0;color:var(--navy)}.mode-list li{background:#edf6f6}.technology-list li{background:var(--mist)}
.development-story{display:grid;grid-template-columns:1.5fr 1fr;gap:42px;margin-top:42px;background:var(--navy);color:#d0e0e9;padding:36px;border-radius:12px}.development-story h3{font-size:22px;color:white}.development-story .eyebrow{color:#87e1e5}.development-story p:not(.eyebrow){font-size:14px;margin-bottom:0}.development-story aside{border-left:1px solid #507389;padding-left:30px}.development-story .story-note{font-size:11px!important;margin-top:16px!important;color:#b9d2df}
.analysis-note{border-left:3px solid var(--action);padding:8px 0 8px 20px;margin:32px 0;font-size:13px}.analysis-note strong{color:var(--navy)}.analysis-note p{color:var(--muted);font-size:12px;margin:8px 0 0}.showcase-bottom{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:32px}.showcase-bottom>p{font-size:12px;color:var(--muted);margin:0;max-width:500px}.showcase-index{font-family:Montserrat,Arial,sans-serif;color:#b7cbd6;font-size:72px;font-weight:500;line-height:1}
.portfolio-showcase{border-top:1px solid var(--line)}.portfolio-showcase:nth-of-type(even){background:white}.portfolio-focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:32px}.portfolio-focus-grid article{padding:30px;border:1px solid var(--line);border-radius:12px;background:white}.portfolio-focus-grid h3{font-size:19px}.portfolio-focus-grid li,.portfolio-focus-grid p:not(.eyebrow){font-size:14px;color:var(--muted)}.portfolio-focus-grid p:last-child{margin-bottom:0}
@media(max-width:1000px){.showcase-heading{align-items:flex-start;gap:28px}.showcase-action{max-width:230px}.showcase-action .button{padding:12px 18px;text-align:center}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.showcase-heading{flex-wrap:wrap;gap:20px}.showcase-action{max-width:none;align-items:flex-start}.showcase-overview{grid-template-columns:1fr;gap:26px}.showcase-overview br{display:none}.product-context-grid,.development-story{grid-template-columns:1fr;gap:28px}.development-story aside{border-left:0;border-top:1px solid #507389;padding:24px 0 0}.showcase-index{font-size:52px}.application-screenshot{margin-bottom:36px}.portfolio-focus-grid{gap:22px}}
@media(max-width:480px){.showcase-heading h2{font-size:30px;gap:12px}.showcase-lead{font-size:16px}.showcase-action{width:100%}.showcase-action .button{width:100%}.showcase-intro{font-size:14px}.application-screenshot{border-radius:8px}.screenshot-frame{padding:10px 40px;font-size:9px}.frame-dots{left:12px;gap:4px}.frame-dots i{width:5px;height:5px}.application-screenshot figcaption{flex-direction:column;gap:8px;padding:14px;font-size:10px}.application-screenshot figcaption a{min-height:44px}.feature-grid,.portfolio-focus-grid{grid-template-columns:1fr}.feature-grid li:last-child{grid-column:auto}.feature-grid li{padding:22px}.development-story{padding:24px}.showcase-bottom{flex-direction:column;align-items:flex-start;gap:16px}.showcase-bottom .button{width:100%}.showcase-index{display:none}.portfolio-focus-grid article{padding:24px}.showcase-overview h3{font-size:19px}.products-hero:after{width:300px;height:300px;right:-150px;top:-80px}}