.showcase{max-width:1200px!important;padding-bottom:4rem;color:#fff}@media(min-width:961px){.section-content.showcase{padding-left:max(24px,2vw);padding-right:max(24px,2vw)}}.showcase-header{text-align:center;margin-bottom:3rem}.showcase-header .port-head{margin:.5rem 0;word-break:normal;overflow-wrap:normal;font-size:clamp(1.9rem,6vw,3.6rem)}.showcase-header p{color:#c9d1d9;margin:0}.showcase-eyebrow{color:var(--main-accent);font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.showcase-card{display:block;overflow:hidden;border-radius:20px;background-color:rgba(20,24,24,.6);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 20px 50px -30px rgba(0,0,0,.8)}.case-list{display:grid;gap:1.75rem}.case-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.case-card-flip .case-media{order:2}.case-media{display:flex;align-items:center;padding:1.5rem;background:radial-gradient(circle at 30% 20%,rgba(40,218,0,.12),transparent 60%),rgba(0,0,0,.35)}.case-frame{width:100%;overflow:hidden;border-radius:12px;border:1px solid hsla(0,0%,100%,.1);box-shadow:0 25px 50px -12px rgba(0,0,0,.6)}.case-browser-bar{display:flex;align-items:center;gap:6px;padding:.5rem .75rem;background-color:hsla(0,0%,100%,.05)}.case-browser-bar span{width:10px;height:10px;border-radius:50%;background-color:rgba(248,113,113,.7)}.case-browser-bar span:nth-child(2){background-color:rgba(251,191,36,.7)}.case-browser-bar span:nth-child(3){background-color:rgba(74,222,128,.7)}.case-shot{position:relative;aspect-ratio:16/10;background-color:rgba(0,0,0,.4)}.case-shot img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.case-body{padding:2.5rem}.case-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.25;margin:.75rem 0 0}.case-rows{display:grid;gap:1.5rem;margin:2rem 0 0}.case-rows dt{display:flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9aa3ab}.case-rows dt svg{width:.85rem}.case-rows dd{margin:.5rem 0 0;font-size:.95rem;line-height:1.65;color:#c9d1d9}.case-row-result{padding:1rem;border-radius:12px;border:1px solid rgba(40,218,0,.25);background-color:rgba(40,218,0,.07)}.case-row-result dt svg{color:var(--main-accent)}.case-row-result dd{font-size:1rem;font-weight:600;color:#fff}.case-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;margin-top:1.75rem}.case-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem}.case-btn svg{font-size:.75rem}.case-more{display:inline-flex;align-items:center;gap:.5rem;color:var(--main-accent);font-size:.9rem;font-weight:600;text-decoration:none}.case-more:hover{text-decoration:underline;text-underline-offset:4px}.more-heading{text-align:center;font-size:1.4rem;font-weight:700;margin:4rem 0 2rem}.more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.more-card{display:flex;flex-direction:column;color:#fff;text-decoration:none;transition:transform .25s ease,border-color .25s ease}.more-card:hover{transform:translateY(-4px);border-color:rgba(40,218,0,.45)}.more-card:focus-visible{outline:3px solid var(--main-accent);outline-offset:3px}.more-card h3{font-size:1.15rem;font-weight:700;margin:.5rem 0 0}.more-card p{flex:1;margin:.5rem 0 0;font-size:.92rem;line-height:1.6;color:#b8c0c7;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.more-media{position:relative;aspect-ratio:16/10;background-color:rgba(0,0,0,.4)}.more-media img{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.more-body{display:flex;flex:1;flex-direction:column;padding:1.5rem}.more-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;font-size:.9rem;font-weight:600;color:var(--main-accent)}@media(max-width:900px){.case-card{grid-template-columns:1fr}.case-card-flip .case-media{order:0}.case-media{padding:1rem}.case-body{padding:1.75rem}.case-title{font-size:1.45rem}.more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.more-grid{grid-template-columns:1fr}}