.sara-product-portfolio{--sp-ink:#111653;--sp-body:#515b73;--sp-blue:#3157f7;--sp-border:#dce2f4;color:var(--sp-ink);background:#f6f7ff;padding-block:clamp(2.25rem,6vw,5rem);text-align:start}.sara-product-portfolio .container{max-inline-size:1240px}.sara-product-portfolio .sp-hero{max-inline-size:900px;margin-block-end:clamp(1.5rem,3vw,2.5rem)}.sara-product-portfolio .sp-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-block-end:1rem}.sara-product-portfolio .sp-category{display:inline-flex;align-items:center;min-block-size:32px;padding:.3rem .9rem;border:1px solid #cbd5ff;border-radius:999px;color:#2949d6;background:#fff;font-size:.875rem;line-height:1.5}.sara-product-portfolio .sp-year{color:#67708b;font-size:.875rem;line-height:1.5}.sara-product-portfolio .sp-title{margin:0 0 1rem;color:var(--sp-ink);font-size:clamp(1.8rem,3.7vw,3.25rem);line-height:1.3;font-weight:700;overflow-wrap:anywhere}.sara-product-portfolio .sp-intro{max-inline-size:800px;margin:0;color:var(--sp-body);font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.9}.sara-product-portfolio .sp-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.85fr);gap:clamp(1.5rem,3.5vw,3rem);align-items:start}.sara-product-portfolio .sp-aside,.sara-product-portfolio .sp-main,.sara-product-portfolio .sp-page-link{min-inline-size:0}.sara-product-portfolio .sp-figure{margin:0 0 1.75rem}.sara-product-portfolio .sp-image-frame{overflow:hidden;border:1px solid var(--sp-border);border-radius:20px;background:#eef1fa;box-shadow:0 12px 32px rgb(22 37 105/5%)}.sara-product-portfolio .sp-image{display:block;inline-size:100%;max-inline-size:100%;block-size:auto}.sara-product-portfolio .sp-caption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.3rem 1rem;padding-block-start:.75rem;color:#66708a;font-size:.8rem;line-height:1.7;overflow-wrap:anywhere}.sara-product-portfolio .sp-description p{margin:0 0 1.5rem;color:var(--sp-body);font-size:1rem;line-height:1.95;overflow-wrap:anywhere}.sara-product-portfolio .sp-features{border-block-start:1px solid var(--sp-border);padding-block-start:1.5rem}.sara-product-portfolio .sp-card h2,.sara-product-portfolio .sp-features h2{margin:0 0 1rem;color:var(--sp-ink);font-size:1.2rem;line-height:1.6;font-weight:700;overflow-wrap:anywhere}.sara-product-portfolio .sp-feature-list{display:grid;gap:1rem;margin:0;padding:0;list-style:none}.sara-product-portfolio .sp-feature-list li{display:flex;align-items:start;gap:.75rem;color:#293556;line-height:1.8;overflow-wrap:anywhere}.sara-product-portfolio .sp-check{flex:0 0 25px;inline-size:25px;block-size:25px;margin-block-start:.1rem;color:var(--sp-blue)}.sara-product-portfolio .sp-check svg{display:block;inline-size:100%;block-size:100%}.sara-product-portfolio .sp-aside{display:flex;flex-direction:column;gap:1.25rem}.sara-product-portfolio .sp-card{min-inline-size:0;padding:clamp(1.2rem,2.1vw,1.75rem);border:1px solid var(--sp-border);border-radius:20px;background:#fff}.sara-product-portfolio .sp-metadata{display:grid;gap:1rem;margin:0}.sara-product-portfolio .sp-metadata div+div{border-block-start:1px solid #edf0f7;padding-block-start:1rem}.sara-product-portfolio .sp-metadata dt{margin-block-end:.35rem;color:#70798d;font-size:.875rem;line-height:1.6}.sara-product-portfolio .sp-metadata dd{margin:0;color:var(--sp-ink);line-height:1.75;font-weight:600;overflow-wrap:anywhere}.sara-product-portfolio .sp-connections p,.sara-product-portfolio .sp-cta p{margin:0 0 1rem;color:var(--sp-body);font-size:.95rem;line-height:1.9;overflow-wrap:anywhere}.sara-product-portfolio .sp-connections ul{display:grid;gap:.7rem;margin:0;padding-inline-start:1.15rem;color:var(--sp-body);font-size:.9rem;line-height:1.8}.sara-product-portfolio .sp-connections li{padding-inline-start:.15rem;overflow-wrap:anywhere}.sara-product-portfolio .sp-connections li::marker{color:var(--sp-blue)}.sara-product-portfolio .sp-cta{border-color:#cad4ff;background:#eef2ff}.sara-product-portfolio .sp-demo-link{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;inline-size:100%;min-block-size:48px;padding:.7rem 1rem;border:1px solid transparent;border-radius:999px;background:var(--sp-blue);color:#fff;font-weight:600;line-height:1.6;text-align:center;text-decoration:none;overflow-wrap:anywhere;transition:background-color .16s ease,box-shadow .16s ease}.sara-product-portfolio .sp-demo-link:hover{background:#2443d7;color:#fff;box-shadow:0 6px 18px rgb(49 87 247/17%)}.sara-product-portfolio .sp-inline-arrow{flex:0 0 auto;font-size:1.25rem}.sara-product-portfolio[dir=rtl] .sp-inline-arrow{transform:scaleX(-1)}.sara-product-portfolio .sp-bottom{margin-block-start:clamp(2rem,4vw,3.5rem);border-block-start:1px solid var(--sp-border);padding-block-start:1.5rem}.sara-product-portfolio .sp-back{display:inline-flex;align-items:center;min-block-size:44px;color:#2949d6;line-height:1.8;text-decoration:underline;text-underline-offset:.25em}.sara-product-portfolio .sp-pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-block-start:1.25rem}.sara-product-portfolio .sp-page-link{display:flex;flex-direction:column;align-items:start;gap:.4rem;padding:1rem 1.25rem;border:1px solid var(--sp-border);border-radius:16px;background:#fff;color:var(--sp-ink);text-decoration:none;transition:border-color .16s ease,background-color .16s ease}.sara-product-portfolio .sp-page-link>span{color:#6d7691;font-size:.85rem;line-height:1.7}.sara-product-portfolio .sp-page-link strong{font-size:.95rem;line-height:1.8;font-weight:600;overflow-wrap:anywhere}.sara-product-portfolio .sp-page-next{grid-column:2}.sara-product-portfolio .sp-page-link:hover{border-color:#a9baff;background:#f1f4ff}.sara-product-portfolio a:focus-visible{outline:3px solid #7992ff;outline-offset:4px}@media (max-width:991px){.sara-product-portfolio .sp-layout{grid-template-columns:minmax(0,1fr)}.sara-product-portfolio .sp-aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.sara-product-portfolio .sp-cta{grid-column:1/-1}}@media (max-width:575px){.sara-product-portfolio{padding-block:2rem}.sara-product-portfolio .container{padding-inline:18px}.sara-product-portfolio .sp-aside,.sara-product-portfolio .sp-pagination{grid-template-columns:minmax(0,1fr)}.sara-product-portfolio .sp-page-next{grid-column:auto}.sara-product-portfolio .sp-title{font-size:1.85rem}.sara-product-portfolio .sp-intro{font-size:1rem}.sara-product-portfolio .sp-card{padding:1.25rem}.sara-product-portfolio .sp-image-frame{border-radius:16px}}@media (prefers-reduced-motion:reduce){.sara-product-portfolio .sp-demo-link,.sara-product-portfolio .sp-page-link{transition:none}}.showcase-project-detail .showcase-project-cover{display:block;width:100%;height:auto;aspect-ratio:1.44;object-fit:cover;object-position:top;border:1px solid #dce3ff;border-radius:22px;background:#f4f6ff;box-shadow:0 10px 35px #1017520d}.showcase-project-detail .showcase-cover-link{display:block;margin-bottom:28px}.showcase-project-detail .showcase-project-title{font-size:clamp(24px,4vw,42px);line-height:1.3;overflow-wrap:anywhere;margin:0 0 20px}.showcase-project-detail .showcase-demo-card{padding:28px;border:1px solid #dce3ff;border-radius:22px;background:linear-gradient(150deg,#f5f7ff,#fff)}.showcase-project-detail .showcase-demo-card h4{font-size:22px;line-height:1.4}.showcase-project-detail .showcase-demo-link{display:inline-flex;justify-content:center;align-items:center;gap:14px;padding:14px 24px;min-height:48px;color:#fff;background:#3155ff;text-decoration:none;border-radius:30px;white-space:normal}.showcase-project-detail .showcase-demo-link:hover{background:#213dcc;transform:translateY(-2px)}.showcase-project-detail .showcase-demo-note{padding:20px 24px;border:1px solid #dce3ff;border-radius:18px;background:#f4f6ff;margin:24px 0}.showcase-project-detail .showcase-demo-note p{margin:0}.showcase-project-detail .showcase-project-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:26px 0}.showcase-project-detail .showcase-back-link{color:#3155ff;text-decoration:underline;text-underline-offset:4px}.showcase-project-detail .showcase-project-pagination{display:flex;justify-content:space-between;gap:22px;border-top:1px solid #dce3ff;padding-top:28px;margin-top:40px}.showcase-project-detail .showcase-project-pagination a{color:#101752;max-width:48%;overflow-wrap:anywhere}.showcase-project-detail .showcase-project-pagination small{display:block;color:#7282a4;margin-top:6px}.showcase-project-detail .project-details-box li{display:block;overflow-wrap:anywhere}.showcase-project-detail .project-details-box strong{display:inline}.showcase-project-detail :is(a,button):focus-visible{outline:3px solid #3155ff;outline-offset:4px}@media(max-width:991px){.showcase-project-detail .row{flex-direction:column-reverse}.showcase-project-detail .showcase-demo-card{padding:22px}.showcase-project-detail .showcase-project-cover{border-radius:16px}}@media(prefers-reduced-motion:reduce){.showcase-project-detail *{transition:none!important}}.showcase-project-detail img.showcase-project-cover[width="1270"][height="714"]{aspect-ratio:1270/714;object-fit:contain;height:auto}