.showcase{justify-content:center;align-items:center;padding:20px;display:flex}.iphone{width:520px;height:680px;position:relative}.iphoneFrame{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.cardsContainer{background:#000;border-radius:50px;width:348px;height:648px;position:absolute;top:12px;left:50%;overflow:hidden;transform:translate(-50%)}.cardSlide{opacity:0;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s ease-in-out;display:flex;position:absolute;top:0;left:0}.cardSlide.active{opacity:1}.cardSlide img{object-fit:contain;background:#000;border-radius:50px;width:100%;height:100%}.dots{z-index:20;gap:8px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:all .3s}.dot:hover{background:#fff9}.activeDot{background:#ffffffe6;border-radius:4px;width:24px}@media (max-width:768px){.showcase{padding:12px}.iphone{width:min(340px,92vw);height:calc(1.3077*min(340px,92vw));margin:0 auto}.cardsContainer{background:#000;border-radius:40px;width:calc(min(340px,92vw) - 28px);height:calc(1.3077*min(340px,92vw) - 28px);top:12px;left:50%;overflow:hidden;transform:translate(-50%)}.cardSlide img{border-radius:40px}}@media (max-width:400px){.showcase{padding:8px}.iphone{width:min(300px,90vw);height:calc(1.3077*min(300px,90vw))}.cardsContainer{background:#000;border-radius:36px;width:calc(min(300px,90vw) - 24px);height:calc(1.3077*min(300px,90vw) - 24px);top:10px;left:50%;overflow:hidden;transform:translate(-50%)}.cardSlide img{border-radius:36px}}.landingRoot{background:#0a0a0a;min-height:100vh}.landing-page{position:relative}#theme-switcher{display:none!important}.landing-page .heroGrid{background:radial-gradient(1200px 700px at 50% 80%,#ffffff1a,#0000 55%),radial-gradient(900px 500px at 50% 20%,#a855f71a,#0000 60%),#0b0b12;padding:40px 0 20px;position:relative;overflow:hidden}.landing-page .heroGrid:after{content:"";pointer-events:none;background:radial-gradient(900px 520px at 50% 35%,#0000,#0000008c);position:absolute;inset:0}.landing-page .heroGrid .container,.landing-page .heroGrid .inner{z-index:2;position:relative}.landing-page .heroOrbs{pointer-events:none;z-index:1;position:absolute;inset:0}.landing-page .heroOrbs .orb{filter:blur(2px);opacity:.9;background:radial-gradient(circle at 30% 30%,#a855f7e6,#7c3aed26 60%,#0000 70%);border-radius:999px;width:250px;height:180px;position:absolute}.landing-page .heroOrbs .orb1{width:240px;height:240px;top:60px;left:5%}.landing-page .heroOrbs .orb2{opacity:.8;width:280px;height:280px;top:100px;right:8%}.landing-page .heroOrbs .orb3{opacity:.7;width:250px;height:180px;bottom:40px;left:15%}.landing-page .heroGrid h1,.landing-page .heroGrid .title{color:#fff!important}.landing-page .heroGrid p,.landing-page .heroGrid .description{color:#ffffffb8!important}.landing-page .heroGrid h1,.landing-page .heroGrid .title,.landing-page .heroGrid p,.landing-page .heroGrid .description{text-shadow:0 2px 14px #0000008c}.landing-page .heroCtaCard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1111188c;border:1px solid #ffffff1a;border-radius:16px;max-width:580px;margin:22px auto 0;padding:24px;box-shadow:0 20px 60px #00000073}.landing-page .heroCtaHint{color:#ffffffbf;margin:0 0 10px;font-size:14px}.landing-page .heroCtaMicro{color:#fff9;margin:10px 0 0;font-size:13px}.showcase-section{background:var(--color-bg,#fff);padding:20px 20px 60px}.how-it-works-section,.why-kardme-section,.pricing-section,.cta-final-section{background:var(--color-bg,#fff);padding:60px 20px}.section-title{color:var(--color-text,#000);margin-bottom:12px;font-size:32px;font-weight:700}.section-description{color:var(--color-text-secondary,#666);margin:0;font-size:16px}.service-item{text-align:center;padding:20px}.service-icon{color:var(--color-primary,#6366f1);margin-bottom:16px;font-size:40px}.service-item h3{color:var(--color-text,#000);margin-bottom:8px;font-size:18px;font-weight:600}.service-item p{color:var(--color-text-secondary,#666);margin:0;font-size:14px}.feature-item{padding:20px}.feature-icon{color:var(--color-primary,#6366f1);margin-bottom:16px;font-size:40px}.feature-item h3{color:var(--color-text,#000);margin-bottom:8px;font-size:18px;font-weight:600}.feature-item p{color:var(--color-text-secondary,#666);margin:0;font-size:14px}.pricing-item{border:1px solid var(--color-border,#e5e7eb);text-align:center;background:var(--color-bg,#fff);border-radius:12px;padding:30px;transition:all .3s}.pricing-item:hover{box-shadow:0 4px 12px #0000001a}.pricing-item-featured{border-color:var(--color-primary,#6366f1);box-shadow:0 4px 20px #6366f133}.pricing-badge{background:var(--color-primary,#6366f1);color:#fff;border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.pricing-title{color:var(--color-text,#000);margin-bottom:4px;font-size:20px;font-weight:700}.pricing-subtitle{color:var(--color-text-secondary,#666);margin-bottom:16px;font-size:14px}.pricing-price{margin:20px 0}.pricing-price .price{color:var(--color-text,#000);font-size:32px;font-weight:700}.pricing-price .period{color:var(--color-text-secondary,#666);margin-left:4px;font-size:14px}.pricing-list{text-align:left;margin:20px 0;padding:0;list-style:none}.pricing-list li{color:var(--color-text,#000);padding:8px 0;font-size:14px}.pricing-list i{color:var(--color-primary,#6366f1);margin-right:8px}@media (max-width:768px){.section-title{font-size:24px}.section-description{font-size:14px}.showcase-section,.how-it-works-section,.why-kardme-section,.pricing-section,.cta-final-section{padding:40px 16px}.pricing-item{margin-bottom:20px}}.landing-page .slider-area.heroGrid{height:auto;min-height:auto;margin:0;padding:40px 0 0}.landing-page .slider-area.heroGrid .container{width:100%;max-width:1140px;margin:0 auto;padding:0 15px}.landing-page .slider-area.heroGrid .row{justify-content:center;display:flex}.landing-page .slider-area.heroGrid .inner{text-align:center;width:100%;margin:0;padding:20px 0}.landing-page .slider-area.heroGrid .title,.landing-page .slider-area.heroGrid .display-one{text-align:center;margin-bottom:12px}.landing-page .slider-area.heroGrid .description{text-align:center;margin-bottom:16px}.landing-page .heroCtaCard{max-width:580px;margin:16px auto 0}.landing-page .bg-shape{display:none}.landing-page .navbar{z-index:100;padding:16px 0;position:relative}.landing-page .navbar .btn-primary{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none;border-radius:10px;padding:10px 20px;font-weight:600;transition:all .3s;box-shadow:0 4px 14px #8b5cf666}.landing-page .navbar .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.landing-page .navbar .nav-link{font-weight:500;transition:color .3s;color:#ffffffd9!important}.landing-page .theme-gradient{background:linear-gradient(135deg,#a855f7 0%,#6366f1 50%,#3b82f6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-page .heroCtaCard .btn-default,.landing-page .heroCtaCard button{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.landing-page .heroCtaCard .btn-default{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none;box-shadow:0 4px 20px #8b5cf666;color:#fff!important}.cta-final-section .btn-default,.cta-final-section button{cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none;border-radius:12px;justify-content:center;align-items:center;padding:14px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 20px #8b5cf666;color:#fff!important}.cta-final-section .btn-default:hover,.cta-final-section button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf680}.pricing-item .btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:12px 24px;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.pricing-item .btn-outline{background:0 0;color:var(--color-text,#fff)!important;border:2px solid #ffffff4d!important}.pricing-item .btn-outline:hover{background:#ffffff1a;border-color:#ffffff80!important}.pricing-item .btn-primary{background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);box-shadow:0 4px 14px #8b5cf666;color:#fff!important;border:none!important}.pricing-item .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.pricing-item-featured{background:#8b5cf60d!important;border:2px solid #8b5cf680!important;box-shadow:0 0 40px #8b5cf633,0 4px 20px #0000004d!important}.pricing-section .btn-outline{cursor:pointer;background:0 0;border-radius:10px;padding:12px 24px;font-weight:600;transition:all .3s;color:#ffffffd9!important;border:2px solid #ffffff4d!important}.pricing-section .btn-outline:hover{background:#ffffff1a;border-color:#ffffff80!important}.showcase-section,.how-it-works-section,.why-kardme-section,.pricing-section,.cta-final-section{background:#0b0b12!important}.section-title{color:#fff!important}.section-description{color:#ffffffa6!important}.service-item h3,.feature-item h3{color:#fff!important}.service-item p,.feature-item p{color:#fff9!important}.pricing-item{background:#ffffff08!important;border-color:#ffffff1a!important}.pricing-title{color:#fff!important}.pricing-subtitle{color:#fff9!important}.pricing-price .price{color:#fff!important}.pricing-price .period{color:#fff9!important}.pricing-list li{color:#ffffffd9!important}.pricing-list .fa-check{color:#22c55e!important}.pricing-list .fa-times{color:#ffffff4d!important}.landing-page .heroGrid h1,.landing-page .heroGrid .title,.landing-page .heroGrid .display-one{font-size:56px!important;line-height:1.15!important}@media (max-width:768px){.landing-page .heroGrid h1,.landing-page .heroGrid .title,.landing-page .heroGrid .display-one{font-size:36px!important}}.pricing-item .btn-outline{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:100%;padding:12px 24px;font-weight:600;transition:all .3s;display:inline-flex;color:#fff!important;background:#ffffff14!important;border:2px solid #ffffff40!important}.pricing-item .btn-outline:hover{transform:translateY(-2px);background:#ffffff26!important;border-color:#fff6!important}.landing-page .heroCtaCard .btn-default{animation:2s infinite pulse-green;color:#fff!important;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)!important;padding:16px 32px!important;font-size:17px!important;box-shadow:0 6px 25px #22c55e80!important}.landing-page .heroCtaCard .btn-default:hover{transform:translateY(-3px)scale(1.02)!important;box-shadow:0 10px 35px #22c55e99!important}@keyframes pulse-green{0%,to{box-shadow:0 6px 25px #22c55e80}50%{box-shadow:0 6px 35px #22c55eb3}}.btn-cta-green{justify-content:center;align-items:center;animation:2s infinite pulse-green;display:inline-flex;color:#fff!important;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)!important;border:none!important;border-radius:12px!important;padding:14px 28px!important;font-size:16px!important;font-weight:700!important;text-decoration:none!important;transition:all .3s!important;box-shadow:0 6px 25px #22c55e80!important}.btn-cta-green:hover{color:#fff!important;transform:translateY(-3px)scale(1.02)!important;box-shadow:0 10px 35px #22c55e99!important}.btn-secondary{justify-content:center;align-items:center;display:inline-flex;color:#fff!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:12px!important;padding:14px 28px!important;font-size:15px!important;font-weight:600!important;text-decoration:none!important;transition:all .3s!important}.btn-secondary:hover{color:#fff!important;background:#ffffff26!important;border-color:#ffffff4d!important}.landing-page .navbar .nav-link{color:#ffffffd9!important;padding:8px 16px!important;font-size:15px!important;font-weight:500!important;transition:color .3s!important}.landing-page .navbar .nav-link:hover{color:#fff!important}.landing-page .heroOrbs .orb1,.landing-page .heroOrbs .orb3{display:none!important}.landing-page .heroLogoMark{z-index:2;pointer-events:none;position:absolute;top:50%;left:5%;transform:translateY(-50%)}.landing-page .heroLogoMark img{opacity:.45;filter:drop-shadow(0 0 80px #a855f7b3);mix-blend-mode:screen;width:500px;height:auto}@media (max-width:992px){.landing-page .heroLogoMark img{opacity:.35;width:350px}}@media (max-width:768px){.landing-page .heroLogoMark{top:18%;left:50%;transform:translate(-50%)}.landing-page .heroLogoMark img{opacity:.28;width:250px}}.landing-page .heroOrbs .orb2{transform:scale(.85);opacity:.35!important;filter:blur(6px)!important}.landing-page .heroLogoMark img{filter:drop-shadow(0 0 110px #60a5fa8c)contrast(1.15)brightness(1.08);opacity:.65!important}@media (max-width:768px){.landing-page .heroLogoMark{display:none!important}}