.showcase-section,.why-section{padding:125px 5vw;background:#050505;color:#fff}.showcase-heading,.why-heading{text-align:center;max-width:850px;margin:0 auto 65px}.showcase-heading .section-index,.why-heading .section-index{color:#9a9a9a}.showcase-heading h2,.why-heading h2{margin:18px 0 0;font:700 clamp(42px,5vw,74px)/.98 "Space Grotesk";letter-spacing:-.055em}.showcase-heading h2 em{font-style:normal;color:#858585}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1380px;margin:0 auto}.demo-card{min-width:0}.demo-screen{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.62;border:1px solid #303030;border-radius:18px;background:linear-gradient(135deg,#181818,#080808);box-shadow:0 24px 65px rgba(0,0,0,.42);transition:.35s}.demo-screen:before{content:"";position:absolute;inset:-30%;z-index:-1;background:repeating-linear-gradient(115deg,transparent 0 35px,rgba(255,255,255,.04) 36px 37px);animation:demo-lines 14s linear infinite}.demo-card:hover .demo-screen{transform:translateY(-7px);border-color:#737373;box-shadow:0 30px 80px rgba(0,0,0,.65)}.demo-label{position:absolute;top:20px;left:20px;padding:6px 9px;border:1px solid #5a5a5a;border-radius:99px;color:#bdbdbd;font-size:7px;font-weight:800;letter-spacing:.12em}.demo-screen>strong{position:absolute;left:22px;top:58px;font:800 clamp(26px,3vw,49px)/.82 "Space Grotesk";letter-spacing:-.07em}.demo-screen>strong span{color:#fff;text-shadow:0 0 28px rgba(255,255,255,.16)}.ms-stamp{position:absolute;left:22px;bottom:18px;font:800 15px "Space Grotesk"}.ms-stamp small{display:block;color:#777;font-size:6px;letter-spacing:.28em}.mini-ticket,.mini-browser{position:absolute;right:-4%;top:20%;width:55%;height:62%;padding:16px;border:1px solid #444;border-radius:13px;background:rgba(22,22,23,.94);box-shadow:0 18px 45px #000;transform:rotate(-3deg)}.mini-ticket b{display:block;margin-bottom:14px;font-size:9px}.mini-ticket i{display:block;width:85%;height:10px;margin:9px 0;border-radius:5px;background:#303033}.mini-ticket i:nth-of-type(2){width:62%;margin-left:20%}.mini-ticket i:nth-of-type(3){width:72%;background:#f2f2f2}.mini-browser{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;transform:rotate(2deg)}.mini-browser>div{position:absolute;left:0;right:0;top:0;height:22px;border-bottom:1px solid #3c3c3c}.mini-browser b{font-size:12px}.mini-browser small{color:#777;font-size:7px}.mini-browser i{display:block;width:65px;height:12px;border-radius:4px;background:#fff}.sales-demo .demo-label{top:18px}.sales-flow{position:absolute;right:4%;bottom:27%;display:flex;align-items:center;gap:6px;width:57%}.sales-flow i{display:grid;place-items:center;flex:1;height:42px;border:1px solid #444;border-radius:9px;background:#171719;color:#aaa;font:700 6px Manrope}.sales-flow b{color:#777;font-size:10px}.demo-caption{display:flex;justify-content:space-between;align-items:center;padding:18px 3px}.demo-caption h3{margin:0;font-size:15px}.demo-caption span,.demo-caption a{color:#aaa;text-decoration:none;font-size:11px;font-weight:700}.demo-caption i{display:inline-grid;place-items:center;width:19px;height:19px;margin-right:5px;border:1px solid #555;border-radius:50%;color:#fff;font-style:normal;font-size:7px}.demo-note{text-align:center;margin:45px 0 0;color:#666;font-size:11px}.why-section{border-top:1px solid #242424;background:#0a0a0a}.why-heading{margin-bottom:58px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1280px;margin:0 auto}.benefit-card{min-height:180px;padding:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #303030;border-radius:18px;background:#101010;transition:.3s}.benefit-card:hover{transform:translateY(-5px);border-color:#777;background:#151515}.benefit-card>span{display:grid;place-items:center;width:46px;height:46px;margin-bottom:18px;border-radius:13px;background:#fff;color:#050505;font-size:20px}.benefit-card h3{margin:0;font-size:15px}.benefit-card p{max-width:260px;margin:8px 0 0;color:#777;font-size:10px;line-height:1.5}.why-section+footer{border-top-color:#242424}@keyframes demo-lines{from{transform:translateX(-8%)}to{transform:translateX(8%)}}@media(max-width:1000px){.demo-grid{grid-template-columns:1fr 1fr}.demo-card:last-child{grid-column:1/-1;max-width:650px;width:100%;justify-self:center}.benefit-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.showcase-section,.why-section{padding:90px 20px}.showcase-heading,.why-heading{margin-bottom:42px}.showcase-heading h2,.why-heading h2{font-size:clamp(38px,12vw,55px)}.demo-grid,.benefit-grid{grid-template-columns:1fr}.demo-card:last-child{grid-column:auto}.demo-screen{border-radius:14px}.demo-caption{padding-top:14px}.benefit-card{min-height:160px}.showcase-heading h2 br,.why-heading h2 br{display:none}}@media(prefers-reduced-motion:reduce){.demo-screen:before{animation:none}}