.showcase-hero{background:var(--gradient-primary);padding:7rem 0 5rem;position:relative;overflow:hidden}.showcase-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 15%,#10b9812e 0%,#0000 40%),radial-gradient(circle at 85% 20%,#10b9811a 0%,#0000 35%);position:absolute;inset:0}.showcase-hero-inner{z-index:2;text-align:center;position:relative}.showcase-live-badge{color:#34d399;border-radius:var(--radius-full);letter-spacing:.02em;background:#10b9811f;border:1px solid #10b9814d;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-flex}.showcase-live-dot{background:#34d399;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.showcase-hero h1{color:#fff;margin-bottom:1.25rem;font-size:clamp(2.4rem,5vw,4rem);line-height:1.1}.showcase-hero h1 .accent{color:var(--color-accent)}.showcase-hero p{color:#ffffffc7;max-width:600px;margin:0 auto 2.5rem;font-size:1.15rem;line-height:1.7}.demo-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;display:flex}.demo-tab{border-radius:var(--radius-full);color:#ffffffb3;cursor:pointer;font-size:.9rem;font-weight:600;font-family:var(--font-main,"Outfit", sans-serif);background:#ffffff0a;border:1.5px solid #ffffff26;padding:.65rem 1.4rem;transition:all .25s}.demo-tab:hover{color:#fff;background:#10b98114;border-color:#10b98166}.demo-tab.active{background:var(--gradient-accent);color:#fff;border-color:#0000;box-shadow:0 4px 20px #10b98159}.browser-mockup-wrap{border-radius:var(--radius-lg);max-width:1060px;margin:0 auto;transition:transform .6s;overflow:hidden;transform:perspective(1200px)rotateX(2deg);box-shadow:0 40px 80px -20px #000000b3,0 0 0 1px #ffffff12,0 0 80px #10b98114}.browser-mockup-wrap:hover{transform:perspective(1200px)rotateX(0)}.browser-chrome{background:#1e293b;border-bottom:1px solid #ffffff12;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.chrome-dots{gap:5px;display:flex}.chrome-dots span{border-radius:50%;width:11px;height:11px}.chrome-dots span:first-child{background:#ef4444}.chrome-dots span:nth-child(2){background:#f59e0b}.chrome-dots span:nth-child(3){background:#22c55e}.chrome-url-bar{color:#ffffff8c;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;flex:1;padding:.35rem .85rem;font-family:monospace;font-size:.8rem;overflow:hidden}.chrome-secure{color:#34d399;align-items:center;gap:3px;font-size:.7rem;display:flex}.showcase-iframe-box{-webkit-overflow-scrolling:touch;background:#fff;height:800px;position:relative;overflow:auto}.showcase-iframe-loading{color:#ffffff80;z-index:2;pointer-events:none;opacity:0;background:#0f172a;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:.95rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.showcase-iframe-loading.visible{opacity:1}.showcase-main-iframe{background:#fff;border:none;width:100%;height:100%;display:block}.spinner{border:3px solid #10b98133;border-top-color:#10b981;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.showcase-note{border-radius:var(--radius-md);color:#ffffffa6;text-align:center;background:#10b98112;border:1px solid #10b98133;max-width:1060px;margin:1.25rem auto 0;padding:.75rem 1.25rem;font-size:.85rem}.showcase-note strong{color:#34d399}.showcase-features{padding:5rem 0}.showcase-features-head{text-align:center;margin-bottom:3.5rem}.showcase-features-head h2{color:#0f172a;font-size:clamp(2rem,4vw,2.8rem);font-family:var(--font-outfit), sans-serif;margin-bottom:.75rem;font-weight:800}.dark .showcase-features-head h2{color:#fff!important}.showcase-features-head p{color:#475569;max-width:600px;margin:0 auto;font-size:1.15rem}.dark .showcase-features-head p{color:#f1f5f9}.showcase-cards{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;display:grid}.sc-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem 1.75rem;transition:all .3s;position:relative;overflow:hidden}.sc-card:before{content:"";background:var(--gradient-accent);transform-origin:0;height:3px;transition:all .35s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.sc-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-6px)}.sc-card:hover:before{transform:scaleX(1)}.sc-card-icon{width:52px;height:52px;color:var(--color-accent);background:#10b9811a;border-radius:14px;justify-content:center;align-items:center;margin-bottom:1.25rem;transition:all .3s;display:flex}.sc-card:hover .sc-card-icon{background:var(--gradient-accent);color:#fff}.sc-card h3{color:var(--color-heading);margin-bottom:.5rem;font-size:1.1rem}.sc-card p{color:var(--color-text-muted);font-size:.92rem;line-height:1.65}.feature-badge{background:var(--color-accent);color:#fff;border-radius:var(--radius-full);letter-spacing:.05em;margin-bottom:1.25rem;padding:.4rem 1rem;font-size:.75rem;font-weight:700;display:inline-block;box-shadow:0 4px 12px #00c89633}.dark .feature-badge{box-shadow:0 4px 12px #00c8961a}.sc-tab-label{color:var(--color-accent);letter-spacing:.05em;text-transform:uppercase;background:#10b9811a;border-radius:6px;margin-bottom:1rem;padding:.3rem .8rem;font-size:.75rem;font-weight:700;display:inline-block}.showcase-mobile-image-wrap{display:none}.sticky-layout{grid-template-columns:460px 1fr;align-items:flex-start;gap:5rem;max-width:1100px;margin:0 auto;display:grid}.sticky-device-col{height:min-content;position:sticky;top:120px}.sticky-phone-frame{background:#fff;border:12px solid #1e293b;border-radius:40px;height:580px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000026}.sticky-phone-screen{width:100%;height:100%;position:relative}@media (max-width:900px){.sticky-layout{display:block;position:relative}.sticky-device-col{display:none!important}.sticky-text-col{padding-top:2rem}.sticky-phone-frame{aspect-ratio:9/19;pointer-events:auto;background:#fff;border:8px solid #0f172a;border-radius:32px;width:200px;height:auto;margin:0 auto;transition:all .6s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;transform:perspective(1000px)rotateX(5deg);box-shadow:0 20px 40px #00000026}.dark .sticky-phone-frame{background:#020617;border-color:#1e293b}.sticky-layout[data-active-index="0"] .sticky-phone-frame{box-shadow:0 0 40px #3b82f666,0 20px 40px #0003}.sticky-layout[data-active-index="1"] .sticky-phone-frame{box-shadow:0 0 40px #10b98166,0 20px 40px #0003}.sticky-layout[data-active-index="2"] .sticky-phone-frame{box-shadow:0 0 40px #f59e0b66,0 20px 40px #0003}.sticky-layout[data-active-index="3"] .sticky-phone-frame{box-shadow:0 0 40px #8b5cf666,0 20px 40px #0003}.sticky-feature-block{text-align:center;z-index:10;border-bottom:1px solid #0000000d;flex-direction:column;justify-content:center;min-height:auto;padding:3rem 1.5rem;display:flex;position:relative}.showcase-mobile-image-wrap{border-radius:20px;width:100%;margin:1.5rem 0 2rem;display:block;overflow:hidden;box-shadow:0 15px 40px #0000001a}.showcase-card-image-mobile{width:100%;height:auto;display:block}.sticky-feature-block h3{color:#0f172a;margin-top:.5rem;font-size:1.6rem}.dark .sticky-feature-block h3{color:#fff}.sticky-feature-block .feature-badge{margin:0 auto .75rem;display:inline-flex}}.sticky-feature-block{border-bottom:1px solid #0000000d;padding:15rem 0}.sticky-feature-block:last-child{border-bottom:none;padding-bottom:10rem}.sticky-feature-block h3{color:#0f172a;margin-bottom:1.25rem;font-size:2rem;font-weight:800}.dark .sticky-feature-block h3{color:#f1f5f9}.sticky-feature-block p{color:#475569;font-size:1.15rem;line-height:1.7}.dark .sticky-feature-block p{color:#f1f5f9}.dark .sticky-feature-block{border-bottom-color:#ffffff0d}.dark .sticky-phone-frame{border-color:#0f172a}.showcase-stats{background:var(--gradient-primary);padding:4rem 0}.stats-grid{text-align:center;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2rem;display:grid}.stat-item-val{color:#fff;margin-bottom:.5rem;font-size:2.75rem;font-weight:800;line-height:1}.stat-item-val.accent{color:var(--color-accent)}.stat-item-label{color:#ffffffa6;font-size:.95rem}.showcase-cta{text-align:center;background:var(--color-bg);padding:8rem 0;position:relative}.showcase-cta:before{content:"";background:linear-gradient(90deg, transparent, var(--color-accent), transparent);width:200px;height:1px;position:absolute;top:0;left:50%;translate:-50%}.showcase-cta h2{color:var(--color-heading);letter-spacing:-.02em;margin-bottom:1.5rem;font-size:clamp(2.2rem,5vw,3.5rem)}.showcase-cta p{color:var(--color-text-muted);max-width:600px;margin:0 auto 3rem;font-size:1.2rem;line-height:1.8}.cta-btns{flex-wrap:wrap;justify-content:center;gap:1.25rem;display:flex}@media (max-width:768px){.showcase-iframe-box{height:360px}.demo-tab{padding:.55rem 1rem;font-size:.8rem}.showcase-hero h1{font-size:2rem}.browser-mockup-wrap{transform:none}body{position:relative;overflow-x:hidden}}