.hidden {display: none;}
/* HERO */
.hero {
    position: relative;
    overflow: hidden;
    background: #C31F1F;
    padding: 3rem 0;
}
.hero__bg-blob {
    position: absolute;
    width: 384px;
    height: 384px;
    border-radius: 50%;
    mix-blend-mode: multiply;
    filter: blur(64px);
    opacity: 0.1;
    animation: blob 7s infinite;
}
.hero__bg-blob--1 { top: 0; right: 0; background: #f87171; }
.hero__bg-blob--2 { bottom: 0; left: 0; background: #ef4444; animation-delay: 2s; }
@keyframes blob {
    0%, 100% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(30px, -50px) scale(1.1); }
    66% { transform: translate(-20px, 20px) scale(0.9); }
}
.hero__grid {
    display: grid;
    gap: 3rem;
    align-items: center;
    position: relative;
}
@media (min-width: 1024px) { .hero__grid { grid-template-columns: repeat(2, 1fr); } }
.hero__content { text-align: center; }
@media (min-width: 1024px) { .hero__content { text-align: left; } }
.hero__badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}
@media (min-width: 1024px) { .hero__badges { justify-content: flex-start; } }
.hero__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.375rem 0.75rem;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(8px);
    border-radius: 9999px;
    font-size: 0.875rem;
    color: #374151;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.2);
}
.hero__badge svg { color: #dc2626; }
.hero__badge--green svg { color: #10b981; }
.hero__title {
    color: white;
    margin-bottom: 1.5rem;
    font-size: 40px;
    font-family: 'Zen Old Mincho', serif;
    font-weight: 700;
}
@media (max-width: 768px) { .hero__title { font-size: 2rem; }
    .hero br {display: none;}
}
.hero__text {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 2rem;
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
}
@media (min-width: 1024px) { .hero__text { margin-left: 0; margin-right: 0; } }
.hero__ctas {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    justify-content: center;
    margin-bottom: 2rem;
}
@media (min-width: 640px) { .hero__ctas { flex-direction: row; } }
@media (min-width: 1024px) { .hero__ctas { justify-content: flex-start; } }
.hero__cta {
    padding: 1rem 2rem;
    border-radius: 12px;
    font-weight: 600;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}
.hero__cta--primary {
    background: white !important;
    color: #C31F1F !important;
}
.hero__cta--primary:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    transform: scale(1.05);
    background: #fff;
}
.hero__cta--secondary {
    background: transparent;
    color: white;
    border: 2px solid white;
}
.hero__cta--secondary:hover { background: rgba(255, 255, 255, 0.1);  }
.hero__trust {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.9);
}
@media (min-width: 1024px) { .hero__trust { justify-content: flex-start; } }
.hero__trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}
.hero__image-wrap { position: relative; }
.hero__image {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.hero__card {
    position: absolute;
    bottom: -24px;
    left: -24px;
    background: white;
    border-radius: 12px;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    padding: 1rem;
    border: 1px solid #f3f4f6;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}
.hero__card-icon {
    width: 48px;
    height: 48px;
    background: #d1fae5;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #10b981;
}
.hero__card-label {
    font-size: 0.875rem;
    color: #6b7280;
}
.hero__card-value {
    font-weight: 600;
    color: #111827;
}
/* SECTION UTILITIES */
.section-header {
    text-align: center;
    margin-bottom: 4rem;
}
.section-badge {
    display: inline-block;
    padding: 0.5rem 1rem;
    border-radius: 9999px;
    margin-bottom: 1rem;
}
.section-badge--red { background: #fef2f2; color: #dc2626; }
.section-badge--gradient { background: linear-gradient(to right, #dc2626, #b91c1c); color: white; }
.section-title {
    color: #111827;
    margin-bottom: 1rem;
}
.section-desc {
    font-size: 1rem;
    color: #6b7280;
    max-width: 48rem;
    margin: 0 auto;
}

/* PAIN SECTION */
.pain {
    padding: 4rem 0;
    background: white;
}

.pain__grid {
    display: grid;
    gap: 1.5rem;
}
@media (min-width: 640px) { .pain__grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .pain__grid { grid-template-columns: repeat(3, 1fr); } }
.pain__card {
    padding: 1.5rem;
    background: white;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    transition: all 0.3s;
}
.pain__card:hover {
    border-color: #d1d5db;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.pain__icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    color: white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
}

.pain__card:hover .pain__icon { transform: scale(1.1); }
.pain__icon--1 { background: linear-gradient(to bottom right, #ef4444, #dc2626); }
.pain__icon--2 { background: linear-gradient(to bottom right, #dc2626, #f43f5e); }
.pain__icon--3 { background: linear-gradient(to bottom right, #fb7185, #dc2626); }
.pain__icon--4 { background: linear-gradient(to bottom right, #ef4444, #b91c1c); }
.pain__icon--5 { background: linear-gradient(to bottom right, #dc2626, #b91c1c); }
.pain__icon--6 { background: linear-gradient(to bottom right, #f43f5e, #b91c1c); }
.pain__card h4 { color: #111827; margin-bottom: 0.5rem; font-weight: 600;}
.pain__card p { font-size: 0.875rem; color: #6b7280; }
/* RESPONSIVE */
@media (max-width: 768px) {
    h1 { font-size: 2rem; }
    h2 { font-size: 1.75rem; }
    h3 { font-size: 1.25rem; }
}

.value { padding: 4rem 0; background: linear-gradient(to bottom, #fef2f2, #ffffff); }
.value__grid { display: grid; gap: 2rem; }
@media (min-width: 768px) {
    .value__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
    .value__grid { grid-template-columns: repeat(3, 1fr); }
}
.value__card { padding: 2rem; background: white; border-radius: 16px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); border: 1px solid #f3f4f6; transition: all 0.3s; }
.value__card:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); }
.value__icon { width: 56px; height: 56px; border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.25rem; color: white; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); transition: transform 0.3s; }
.value__card:hover .value__icon { transform: scale(1.1); }
.value__icon--1 { background: linear-gradient(to bottom right, #ef4444, #dc2626); }
.value__icon--2 { background: linear-gradient(to bottom right, #dc2626, #f43f5e); }
.value__icon--3 { background: linear-gradient(to bottom right, #fb7185, #dc2626); }
.value__icon--4 { background: linear-gradient(to bottom right, #ef4444, #b91c1c); }
.value__icon--5 { background: linear-gradient(to bottom right, #dc2626, #b91c1c); }
.value__icon--6 { background: linear-gradient(to bottom right, #f43f5e, #b91c1c); }
.value__card h3 { color: #111827; margin-bottom: 0.75rem; }
.value__card p { color: #6b7280; }
.value__check { display: flex; align-items: center; gap: 0.5rem; margin-top: 1rem; color: #dc2626; }
.value__check svg { color: #10b981; }
.value__check span { font-size: 0.875rem; }
.product-demo {
    padding: 4rem 0;
    background: white;
}
.demo__feature-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.875rem;
    margin-bottom: 1rem;
}

.demo__feature-badge--blue {
    background: #dbeafe;
    color: #2563eb;
}

.demo__feature-badge--purple {
    background: #faf5ff;
    color: #9333ea;
}

.demo__feature-badge--green {
    background: #dcfce7;
    color: #16a34a;
}

.demo__grid {
    display: grid;
    gap: 3rem;
    align-items: center;
}

@media (min-width: 1024px) {
    .demo__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

.demo__content h3 {
    color: #111827;
    margin-bottom: 1rem;
}

.demo__content p {
    color: #6b7280;
    margin-bottom: 1.5rem;
}

.demo__list {
    list-style: none;
}

.demo__list li {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.demo__check {
    width: 24px;
    height: 24px;
    background: #dcfce7;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

.demo__check svg {
    width: 16px;
    height: 16px;
    color: #16a34a;
}

.demo__list span {
    color: #374151;
}

.demo__visual {
    position: relative;
}

.demo__browser {
    background: linear-gradient(to bottom right, #dbeafe, #e0e7ff);
    border-radius: 24px;
    padding: 2rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    border: 1px solid #e5e7eb;
}

.demo__browser--pink {
    background: linear-gradient(to bottom, #fef2f2, #ffffff);
}

.demo__browser--green {
    background: linear-gradient(to bottom right, #dcfce7, #d1fae5);
}

.demo__window {
    background: white;
    border-radius: 16px;
    padding: 1.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.demo__chrome {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.demo__dots {
    display: flex;
    gap: 0.375rem;
}

.demo__dot {
    width: 12px;
    height: 12px;
    border-radius: 9999px;
}

.demo__dot--red { background: #f87171; }
.demo__dot--yellow { background: #fbbf24; }
.demo__dot--green { background: #4ade80; }

.demo__urlbar {
    flex: 1;
    background: #f3f4f6;
    border-radius: 8px;
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    color: #6b7280;
}

.demo__header {
    height: 32px;
    background: linear-gradient(to right, #dc2626, #b91c1c);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.75rem;
}

.demo__header span {
    color: white;
    font-size: 0.75rem;
}

.demo__product-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.75rem;
}

.demo__product {
    background: #f9fafb;
    border-radius: 8px;
    overflow: hidden;
}

.demo__product img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

.demo__cart-header {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.demo__cart-header svg {
    color: #111827;
}

.demo__cart-header h4 {
    color: #111827;
}

.demo__cart-items {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.demo__cart-item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: #f9fafb;
    border-radius: 8px;
}

.demo__cart-item img {
    width: 64px;
    height: 64px;
    object-fit: cover;
    border-radius: 8px;
}

.demo__cart-item-info {
    flex: 1;
}

.demo__cart-item-name {
    font-size: 0.875rem;
    color: #111827;
}

.demo__cart-item-details {
    font-size: 0.75rem;
    color: #6b7280;
}

.demo__cart-item-price {
    font-size: 0.875rem;
    color: #111827;
}

.demo__cart-total {
    border-top: 1px solid #e5e7eb;
    padding-top: 1rem;
    margin-top: 1rem;
}

.demo__cart-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.demo__cart-row span {
    font-size: 0.875rem;
}

.demo__cart-row--label {
    color: #6b7280;
}

.demo__cart-row--value {
    color: #111827;
}

.demo__cart-row--total {
    padding-top: 0.5rem;
    border-top: 1px solid #e5e7eb;
    margin-top: 0.5rem;
}

.demo__cart-row--total span {
    color: #111827;
    font-weight: 600;
}

.demo__place-order {
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #C31F1F;
    color: white;
    margin-top: 0.75rem;
}

.demo__place-order span {
    font-size: 0.875rem;
}

.demo__orders-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.demo__orders-badge {
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    background: #C31F1F;
    color: white;
    font-size: 0.875rem;
}

.demo__orders-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.demo__order {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: #f9fafb;
    border-radius: 8px;
}

.demo__order img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 8px;
}

.demo__order-info {
    flex: 1;
}

.demo__order-id {
    font-size: 0.875rem;
    color: #111827;
}

.demo__order-details {
    font-size: 0.75rem;
    color: #6b7280;
}

.demo__order-status {
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
}

.demo__order-status--ready {
    background: #dcfce7;
    color: #15803d;
}

.demo__order-status--preparing {
    background: #fef3c7;
    color: #a16207;
}

.demo__order-status--new {
    background: #C31F1F;
    color: white;
}

.demo__order-status--delivered {
    background: #dbeafe;
    color: #1e40af;
}

.demo__space-y {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}
.use-cases {
    padding: 4rem 0;
    background: linear-gradient(to bottom right, #f9fafb, #fef2f2);
}

.use-cases__grid {
    display: grid;
    gap: 2rem;
}

@media (min-width: 768px) {
    .use-cases__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
    .use-cases__grid { grid-template-columns: repeat(3, 1fr); }
}

.use-cases__card {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #f3f4f6;
    transition: all 0.3s;
}

.use-cases__card:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.use-cases__image-wrap {
    position: relative;
    height: 192px;
    overflow: hidden;
}

.use-cases__image-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s;
}

.use-cases__card:hover .use-cases__image-wrap img {
    transform: scale(1.1);
}

.use-cases__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
}

.use-cases__icon {
    position: absolute;
    top: 1rem;
    left: 1rem;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.use-cases__icon--1 { background: linear-gradient(to bottom right, #ef4444, #dc2626); }
.use-cases__icon--2 { background: linear-gradient(to bottom right, #dc2626, #f43f5e); }
.use-cases__icon--3 { background: linear-gradient(to bottom right, #fb7185, #dc2626); }
.use-cases__icon--4 { background: linear-gradient(to bottom right, #ef4444, #b91c1c); }
.use-cases__icon--5 { background: linear-gradient(to bottom right, #dc2626, #b91c1c); }
.use-cases__icon--6 { background: linear-gradient(to bottom right, #f43f5e, #b91c1c); }

.use-cases__content {
    padding: 1.5rem;
}

.use-cases__content h3 {
    color: #111827;
    margin-bottom: 0.75rem;
}

.use-cases__content p {
    color: #6b7280;
}
.how-it-works {
    padding: 4rem 0;
    background: white;
}


.how-it-works__grid {
    display: grid;
    gap: 2rem;
    position: relative;
}

@media (min-width: 768px) {
    .how-it-works__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
    .how-it-works__grid { grid-template-columns: repeat(3, 1fr); }
}

.how-it-works__line {
    display: none;
    position: absolute;
    top: 6rem;
    left: 0;
    right: 0;
    height: 2px;
    background: linear-gradient(to right, #fecaca, #fca5a5, #fecaca);
}

@media (min-width: 1024px) {
    .how-it-works__line { display: block; }
}

.how-it-works__step {
    position: relative;
}

.how-it-works__card {
    background: white;
    border-radius: 16px;
    padding: 2rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #f3f4f6;
    transition: all 0.3s;
    position: relative;
    z-index: 10;
}

.how-it-works__card:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.how-it-works__number {
    display: flex;
    align-items: baseline;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.how-it-works__number span {
    font-size: 1.5rem;
    font-weight: 700;
    color: #dc2626;
}

.how-it-works__card h3 {
    color: #111827;
}

.how-it-works__card p {
    color: #6b7280;
}

.how-it-works__cta {
    text-align: center;
    margin-top: 3rem;
}

.how-it-works__btn {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 2rem;
    background: linear-gradient(to right, #dc2626, #b91c1c);
    color: white;
    border-radius: 12px;
    font-weight: 600;
    transition: all 0.3s;
}

.how-it-works__btn:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    transform: scale(1.05);
}

.how-it-works__btn svg {
    transition: transform 0.3s;
}

.how-it-works__btn:hover svg {
    transform: translateX(4px);
}
.features-showcase {
    padding: 4rem 0;
    background: linear-gradient(to bottom, #fef2f2, #ffffff);
}

.features-showcase__grid {
    display: grid;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .features-showcase__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
    .features-showcase__grid { grid-template-columns: repeat(3, 1fr); }
}

.features-showcase__card {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(8px);
    border-radius: 16px;
    padding: 1.5rem;
    border: 1px solid rgba(255, 255, 255, 0.5);
    transition: all 0.3s;
}

.features-showcase__card:hover {
    background: white;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.features-showcase__icon {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
    color: white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
}

.features-showcase__card:hover .features-showcase__icon {
    transform: scale(1.1) rotate(3deg);
}

.features-showcase__icon--1 { background: linear-gradient(to bottom right, #ef4444, #dc2626); }
.features-showcase__icon--2 { background: linear-gradient(to bottom right, #dc2626, #f43f5e); }
.features-showcase__icon--3 { background: linear-gradient(to bottom right, #fb7185, #dc2626); }
.features-showcase__icon--4 { background: linear-gradient(to bottom right, #ef4444, #b91c1c); }
.features-showcase__icon--5 { background: linear-gradient(to bottom right, #dc2626, #b91c1c); }
.features-showcase__icon--6 { background: linear-gradient(to bottom right, #f43f5e, #b91c1c); }
.features-showcase__icon--7 { background: linear-gradient(to bottom right, #ef4444, #f43f5e); }
.features-showcase__icon--8 { background: linear-gradient(to bottom right, #fb7185, #b91c1c); }
.features-showcase__icon--9 { background: linear-gradient(to bottom right, #dc2626, #fb7185); }

.features-showcase__card h3 {
    color: #111827;
    margin-bottom: 0.5rem;
}

.features-showcase__card p {
    font-size: 0.875rem;
    color: #6b7280;
}

.features-showcase__footer {
    margin-top: 4rem;
    text-align: center;
}

.features-showcase__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    border: 1px solid #f3f4f6;
}

.features-showcase__avatars {
    display: flex;
    margin-right: -0.5rem;
}

.features-showcase__avatar {
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    border: 2px solid white;
    margin-left: -0.5rem;
}

.features-showcase__avatar--1 { background: linear-gradient(to bottom right, #ef4444, #dc2626); }
.features-showcase__avatar--2 { background: linear-gradient(to bottom right, #dc2626, #b91c1c); }
.features-showcase__avatar--3 { background: linear-gradient(to bottom right, #b91c1c, #f43f5e); }

.features-showcase__badge-text p:first-child {
    font-weight: 600;
    color: #111827;
}

.features-showcase__badge-text p:last-child {
    font-size: 0.875rem;
    color: #6b7280;
}


.comparison {
    padding: 0rem 0 4rem 0;
    background: white;
}


.comparison__table-wrap {
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid #000;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.comparison__table {
    width: 100%;
    overflow-x: auto;
}

.comparison__table table {
    width: 100%;
    border-collapse: collapse;
}

.comparison__table thead {
    background: linear-gradient(to right, #f9fafb, #f3f4f6);
}

.comparison__table th {
    padding: 1.25rem 1.5rem;
    text-align: left;
    color: #111827;
}

.comparison__table th:nth-child(2),
.comparison__table th:nth-child(3) {
    text-align: center;
}

.comparison__header-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    border-radius: 8px;
}

.comparison__header-badge--marketplace {
    background: #e5e7eb;
}

.comparison__header-badge--marketplace svg {
    color: #dc2626;
}

.comparison__header-badge--ishopo {
    background: linear-gradient(to right, #dc2626, #b91c1c);
    color: white;
}

.comparison__table tbody {
    background: white;
}

.comparison__table tbody tr {
    border-bottom: 1px solid #e5e7eb;
    transition: background 0.3s;
}

.comparison__table tbody tr:hover {
    background: #f9fafb;
}

.comparison__table td {
    padding: 1rem 1.5rem;
}

.comparison__table td:first-child {
    font-weight: 600;
    color: #111827;
}

.comparison__table td:nth-child(2),
.comparison__table td:nth-child(3) {
    text-align: center;
}

.comparison__cell {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.comparison__cell svg {
    flex-shrink: 0;
}

.comparison__cell--bad {
    color: #6b7280;
}

.comparison__cell--bad svg {
    color: #ef4444;
}

.comparison__cell--good {
    color: #111827;
    font-weight: 600;
}

.comparison__cell--good svg {
    color: #10b981;
}

.comparison__cell span {
    font-size: 0.875rem;
}

.comparison__highlight {
    margin-top: 3rem;
    background: linear-gradient(to right, #dc2626, #b91c1c);
    border-radius: 16px;
    padding: 2rem;
    text-align: center;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.comparison__highlight h3 {
    color: white;
    margin-bottom: 0.75rem;
}

.comparison__highlight p {
    color: #fecaca;
    margin-bottom: 1.5rem;
    max-width: 48rem;
    margin-left: auto;
    margin-right: auto;
}

.comparison__highlight-btn {
    padding: 1rem 2rem;
    background: white;
    color: #dc2626;
    border-radius: 12px;
    font-weight: 600;
    transition: all 0.3s;
}

.comparison__highlight-btn:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    transform: scale(1.05);
}
.ui-showcase {
    padding: 4rem 0;
    background: linear-gradient(to bottom, #fef2f2, #ffffff);
    overflow: hidden;
}

.ui-showcase__grid {
    display: grid;
    gap: 3rem;
    align-items: center;
}

@media (min-width: 1024px) {
    .ui-showcase__grid { grid-template-columns: repeat(2, 1fr); }
}

.ui-showcase__preview {
    position: relative;
}

.ui-showcase__glow {
    position: absolute;
    inset: -1rem;
    background: linear-gradient(to right, #ef4444, #dc2626);
    border-radius: 24px;
    filter: blur(32px);
    opacity: 0.2;
}

.ui-showcase__browser {
    position: relative;
    background: white;
    border-radius: 24px;
    padding: 2rem;
    border: 1px solid #e5e7eb;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.ui-showcase__window {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.ui-showcase__chrome {
    background: #f3f4f6;
    padding: 0.75rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.ui-showcase__dots {
    display: flex;
    gap: 0.375rem;
}

.ui-showcase__dot {
    width: 12px;
    height: 12px;
    border-radius: 9999px;
}

.ui-showcase__dot--red { background: #f87171; }
.ui-showcase__dot--yellow { background: #fbbf24; }
.ui-showcase__dot--green { background: #4ade80; }

.ui-showcase__urlbar {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: white;
    border-radius: 8px;
    padding: 0.375rem 0.75rem;
}

.ui-showcase__urlbar svg {
    color: #9ca3af;
}

.ui-showcase__urlbar span {
    font-size: 0.75rem;
    color: #6b7280;
}

.ui-showcase__content {
    padding: 1.5rem;
}

.ui-showcase__store-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.ui-showcase__store-info {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.ui-showcase__store-logo {
    width: 40px;
    height: 40px;
    background: linear-gradient(to bottom right, #ef4444, #dc2626);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-showcase__store-logo span {
    color: white;
    font-size: 0.75rem;
    font-weight: 600;
}

.ui-showcase__store-name p:first-child {
    font-size: 0.875rem;
    color: #111827;
}

.ui-showcase__store-name p:last-child {
    font-size: 0.75rem;
    color: #6b7280;
}

.ui-showcase__search {
    margin-bottom: 1.5rem;
    padding: 0.75rem;
    background: #f9fafb;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.ui-showcase__search svg {
    color: #9ca3af;
}

.ui-showcase__search span {
    font-size: 0.75rem;
    color: #9ca3af;
}

.ui-showcase__categories {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
    overflow-x: auto;
    padding-bottom: 0.5rem;
}

.ui-showcase__category {
    padding: 0.5rem 1rem;
    background: #f3f4f6;
    border-radius: 8px;
    flex-shrink: 0;
}

.ui-showcase__category span {
    font-size: 0.75rem;
    color: #374151;
}

.ui-showcase__products {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
}

.ui-showcase__product {
    background: #f9fafb;
    border-radius: 12px;
    overflow: hidden;
}

.ui-showcase__product img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
}

.ui-showcase__product-info {
    padding: 0.75rem;
}

.ui-showcase__product-name {
    font-size: 0.75rem;
    color: #111827;
    margin-bottom: 0.25rem;
}

.ui-showcase__product-price {
    font-size: 0.75rem;
    color: #6b7280;
    margin-bottom: 0.5rem;
}

.ui-showcase__product-btn {
    height: 24px;
    background: linear-gradient(to right, #ef4444, #dc2626);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ui-showcase__product-btn span {
    font-size: 0.75rem;
    color: white;
}

.ui-showcase__features {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.ui-showcase__feature {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.ui-showcase__feature-icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.ui-showcase__feature-icon--1 { background: linear-gradient(to bottom right, #ef4444, #dc2626); }
.ui-showcase__feature-icon--2 { background: linear-gradient(to bottom right, #dc2626, #f43f5e); }
.ui-showcase__feature-icon--3 { background: linear-gradient(to bottom right, #fb7185, #dc2626); }
.ui-showcase__feature-icon--4 { background: linear-gradient(to bottom right, #ef4444, #b91c1c); }

.ui-showcase__feature h4 {
    color: #111827;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.ui-showcase__feature p {
    color: #6b7280;
}
.features-expanded {
    padding: 4rem 0;
    background: white;
}

@media (min-width: 768px) {
    .features-expanded { padding: 0rem 0 4rem 0; }
}

.features-expanded__grid {
    display: grid;
    gap: 2rem;
}

@media (min-width: 1024px) {
    .features-expanded__grid { grid-template-columns: repeat(3, 1fr); }
}

.features-expanded__card {
    background: linear-gradient(to bottom right, #f9fafb, white);
    border-radius: 16px;
    padding: 2rem;
    border: 1px solid #e5e7eb;
    transition: all 0.3s;
}

.features-expanded__card:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.features-expanded__header {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.features-expanded__icon {
    width: 56px;
    height: 56px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.features-expanded__icon--1 { background: linear-gradient(to bottom right, #ef4444, #dc2626); }
.features-expanded__icon--2 { background: linear-gradient(to bottom right, #dc2626, #f43f5e); }
.features-expanded__icon--3 { background: linear-gradient(to bottom right, #fb7185, #dc2626); }
.features-expanded__icon--4 { background: linear-gradient(to bottom right, #ef4444, #b91c1c); }
.features-expanded__icon--5 { background: linear-gradient(to bottom right, #dc2626, #b91c1c); }
.features-expanded__icon--6 { background: linear-gradient(to bottom right, #f43f5e, #b91c1c); }

.features-expanded__card h3 {
    color: #111827;
}

.features-expanded__list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.features-expanded__item {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.features-expanded__check {
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e5e7eb;
    flex-shrink: 0;
    transition: all 0.3s;
}

.features-expanded__item:hover .features-expanded__check {
    border-color: #fca5a5;
    background: #fef2f2;
}

.features-expanded__check svg {
    color: #6b7280;
    transition: color 0.3s;
}

.features-expanded__item:hover .features-expanded__check svg {
    color: #dc2626;
}

.features-expanded__item span {
    color: #374151;
}

.features-expanded__stats {
    margin-top: 3rem;
    display: grid;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .features-expanded__stats { grid-template-columns: repeat(3, 1fr); }
}

.features-expanded__stat {
    background: linear-gradient(to bottom right, #ef4444, #dc2626);
    border-radius: 16px;
    padding: 1.5rem;
    text-align: center;
    color: white;
}

.features-expanded__stat:nth-child(2) {
    background: linear-gradient(to bottom right, #dc2626, #f43f5e);
}

.features-expanded__stat:nth-child(3) {
    background: linear-gradient(to bottom right, #fb7185, #dc2626);
}

.features-expanded__stat-value {
    font-size: 2.25rem;
    margin-bottom: 0.5rem;
}

.features-expanded__stat-label {
    font-size: 0.875rem;
    color: #fecaca;
}









.integrations-v56 {
    padding: 4rem 0;
    background: linear-gradient(to bottom right, #f9fafb, rgba(254, 242, 242, 0.3));
}

@media (min-width: 768px) {
    .integrations-v56 { padding: 4rem 0; }
}

.integrations-v56 .container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1rem;
}

@media (min-width: 640px) {
    .integrations-v56 .container { padding: 0 1.5rem; }
}

@media (min-width: 1024px) {
    .integrations-v56 .container { padding: 0 2rem; }
}

.integrations-v56__header {
    text-align: center;
    margin-bottom: 4rem;
}

.integrations-v56__badge {
    display: inline-block;
    padding: 0.5rem 1rem;
    background: linear-gradient(to right, #dc2626, #b91c1c);
    color: white;
    border-radius: 9999px;
    margin-bottom: 1rem;
}

.integrations-v56__title {
    color: #111827;
    margin-bottom: 1rem;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.2;
}

.integrations-v56__description {
    color: #4b5563;
    max-width: 48rem;
    margin: 0 auto;
}

.integrations-v56__grid {
    display: grid;
    gap: 2rem;
    margin-bottom: 4rem;
}

@media (min-width: 768px) {
    .integrations-v56__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
    .integrations-v56__grid { grid-template-columns: repeat(4, 1fr); }
}

.integrations-v56__card {
    background: white;
    border-radius: 1rem;
    padding: 2rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #f3f4f6;
    transition: all 0.3s;
}

.integrations-v56__card:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.integrations-v56__icon {
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
}

.integrations-v56__card:hover .integrations-v56__icon {
    transform: scale(1.1);
}

.integrations-v56__icon--1 { background: linear-gradient(to bottom right, #ef4444, #dc2626); }
.integrations-v56__icon--2 { background: linear-gradient(to bottom right, #dc2626, #fb7185); }
.integrations-v56__icon--3 { background: linear-gradient(to bottom right, #fb7185, #dc2626); }
.integrations-v56__icon--4 { background: linear-gradient(to bottom right, #ef4444, #b91c1c); }

.integrations-v56__icon svg {
    width: 2rem;
    height: 2rem;
    color: white;
}

.integrations-v56__card h3 {
    color: #111827;
    margin-bottom: 1rem;
    font-size: 1.25rem;
    font-weight: 600;
}

.integrations-v56__list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.integrations-v56__list li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
    color: #4b5563;
    font-size: 0.875rem;
}

.integrations-v56__dot {
    width: 0.375rem;
    height: 0.375rem;
    background: linear-gradient(to bottom right, #ef4444, #dc2626);
    border-radius: 9999px;
    flex-shrink: 0;
}

.integrations-v56__pos {
    margin-top: 4rem;
    margin-bottom: 2rem;
}

.integrations-v56__pos h3 {
    text-align: center;
    color: #111827;
    margin-bottom: 2rem;
    font-size: 1.5rem;
    font-weight: 600;
}

.integrations-v56__pos-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    max-width: 80rem;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .integrations-v56__pos-grid { grid-template-columns: repeat(4, 1fr); }
}

.integrations-v56__pos-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.integrations-v56__pos-logo {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.integrations-v56__pos-name {
    color: #4b5563;
    font-size: 0.875rem;
}

.integrations-v56__api {
    margin-top: 2rem;
    background: linear-gradient(to right, #dc2626, #b91c1c);
    border-radius: 1rem;
    padding: 2rem;
    text-align: center;
}

.integrations-v56__api-header {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.integrations-v56__api-icon {
    width: 3rem;
    height: 3rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.integrations-v56__api-icon svg {
    width: 1.5rem;
    height: 1.5rem;
    color: white;
}

.integrations-v56__api h3 {
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
}

.integrations-v56__api p {
    color: #fecaca;
    margin-bottom: 1.5rem;
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
}

.integrations-v56__api button {
    padding: 0.75rem 1.5rem;
    background: white;
    color: #dc2626;
    border-radius: 0.75rem;
    border: none;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.3s;
}

.integrations-v56__api button:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.why-choose-v56 {
    padding: 4rem 0;
    background: linear-gradient(to bottom, #fef2f2, #ffffff);
}

.why-choose-v56 .container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1rem;
}

@media (min-width: 640px) {
    .why-choose-v56 .container { padding: 0 1.5rem; }
}

@media (min-width: 1024px) {
    .why-choose-v56 .container { padding: 0 2rem; }
}

.why-choose-v56__header {
    text-align: center;
    margin-bottom: 4rem;
}

.why-choose-v56__badge {
    display: inline-block;
    padding: 0.5rem 1rem;
    background: white;
    color: #dc2626;
    border-radius: 9999px;
    margin-bottom: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #fecaca;
}

.why-choose-v56__title {
    color: #111827;
    margin-bottom: 1rem;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.2;
}

.why-choose-v56__description {
    color: #4b5563;
    max-width: 48rem;
    margin: 0 auto;
}

.why-choose-v56__grid {
    display: grid;
    gap: 2rem;
}

@media (min-width: 768px) {
    .why-choose-v56__grid { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 1024px) {
    .why-choose-v56__grid { grid-template-columns: repeat(3, 1fr); }
}

.why-choose-v56__card {
    position: relative;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(8px);
    border-radius: 1rem;
    padding: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.5);
    transition: all 0.3s;
}

.why-choose-v56__card:hover {
    background: white;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.why-choose-v56__highlight {
    position: absolute;
    top: -0.75rem;
    right: 1.5rem;
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
    border-radius: 9999px;
    background: #ffe7e7;
    color: #111827;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.why-choose-v56__icon {
    width: 3.5rem;
    height: 3.5rem;
    background: linear-gradient(to bottom right, #dc2626, #b91c1c);
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    transition: all 0.3s;
}

.why-choose-v56__card:hover .why-choose-v56__icon {
    transform: scale(1.1) rotate(3deg);
}

.why-choose-v56__icon svg {
    width: 1.75rem;
    height: 1.75rem;
    color: white;
}

.why-choose-v56__card h3 {
    color: #111827;
    margin-bottom: 0.75rem;
    font-size: 1.25rem;
    font-weight: 600;
}

.why-choose-v56__card p {
    color: #4b5563;
}

.final-cta-v56 {
    padding: 4rem 0;
    background: linear-gradient(to bottom, #fef2f2, #ffffff);
    position: relative;
    overflow: hidden;
}

.final-cta-v56 .container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1rem;
    position: relative;
}

@media (min-width: 640px) {
    .final-cta-v56 .container { padding: 0 1.5rem; }
}

@media (min-width: 1024px) {
    .final-cta-v56 .container { padding: 0 2rem; }
}

.final-cta-v56__blob {
    position: absolute;
    width: 24rem;
    height: 24rem;
    border-radius: 9999px;
    mix-blend-mode: multiply;
    filter: blur(48px);
    opacity: 0.5;
}

.final-cta-v56__blob--1 {
    top: 0;
    right: 0;
    background: #fecaca;
}

.final-cta-v56__blob--2 {
    bottom: 0;
    left: 0;
    background: #fef2f2;
}

.final-cta-v56__grid {
    display: grid;
    gap: 3rem;
    align-items: center;
}

@media (min-width: 1024px) {
    .final-cta-v56__grid { grid-template-columns: repeat(2, 1fr); }
}

.final-cta-v56__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
    background: #fecaca;
    border-radius: 9999px;
    margin-bottom: 1.5rem;
}

.final-cta-v56__badge svg {
    width: 1rem;
    height: 1rem;
    color: #dc2626;
}

.final-cta-v56__badge span {
    font-size: 0.875rem;
    color: #b91c1c;
}

.final-cta-v56__title {
    color: #111827;
    margin-bottom: 1.5rem;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1.2;
}

@media (max-width: 768px) {
    .final-cta-v56__title { font-size: 1.875rem; }
}

.final-cta-v56__description {
    color: #4b5563;
    margin-bottom: 2rem;
}

.final-cta-v56__benefits {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}

.final-cta-v56__benefit {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.final-cta-v56__check {
    width: 1.5rem;
    height: 1.5rem;
    background: #dcfce7;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.final-cta-v56__check svg {
    width: 1rem;
    height: 1rem;
    color: #16a34a;
}

.final-cta-v56__benefit span {
    color: #374151;
}

.final-cta-v56__actions {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}

@media (min-width: 640px) {
    .final-cta-v56__actions { flex-direction: row; }
}

.final-cta-v56__btn {
    padding: 1rem 2rem;
    border-radius: 0.75rem;
    border: none;
    cursor: pointer;
    font-weight: 600;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.final-cta-v56__btn--primary {
    background: linear-gradient(to right, #dc2626, #b91c1c);
    color: white;
}

.final-cta-v56__btn--primary:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    transform: scale(1.05);
}

.final-cta-v56__btn--primary:hover svg {
    transform: translateX(4px);
}

.final-cta-v56__btn--primary svg {
    width: 1.25rem;
    height: 1.25rem;
    transition: transform 0.3s;
}

.final-cta-v56__btn--secondary {
    background: white;
    color: #111827;
    border: 1px solid #d1d5db;
}

.final-cta-v56__btn--secondary:hover {
    background: #f9fafb;
}

.final-cta-v56__trust {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.final-cta-v56__trust-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: #4b5563;
}

.final-cta-v56__trust-item svg {
    width: 1.25rem;
    height: 1.25rem;
    color: #16a34a;
}

.final-cta-v56__visual {
    position: relative;
}

.final-cta-v56__glow {
    position: absolute;
    inset: -1rem;
    background: linear-gradient(to right, #fecaca, #fca5a5);
    border-radius: 1.5rem;
    filter: blur(32px);
    opacity: 0.4;
}

.final-cta-v56__image-wrap {
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    border: 4px solid white;
}

.final-cta-v56__image-wrap img {
    width: 100%;
    height: auto;
    display: block;
}

.final-cta-v56__success-card {
    position: absolute;
    bottom: -1.5rem;
    left: -1.5rem;
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    padding: 1rem;
    border: 1px solid #f3f4f6;
}

.final-cta-v56__success-content {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.final-cta-v56__success-icon {
    width: 3rem;
    height: 3rem;
    background: linear-gradient(to bottom right, #4ade80, #14b8a6);
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.final-cta-v56__success-icon svg {
    width: 1.5rem;
    height: 1.5rem;
    color: white;
}

.final-cta-v56__success-text p:first-child {
    font-size: 0.875rem;
    color: #4b5563;
    margin-bottom: 0.125rem;
}

.final-cta-v56__success-text p:last-child {
    color: #111827;
    font-weight: 600;
}

.p-16 {padding: 16px;}
.pt-40 {padding-top: 40px;}
.pb-40 {padding-bottom: 40px;}
.py-40 {padding-top: 40px;padding-bottom: 40px;}
.pt-60 {padding-top: 60px;}
.pb-60 {padding-bottom: 60px;}
.py-60 {padding-top: 60px;padding-bottom: 60px;}
.flex, .d-flex {display: flex;}
.flex-column {flex-direction: column;}
.gap-20 {gap: 20px;}
.m-auto {margin: 0 auto;}
.mt-40 {margin-top: 40px;}
.mb-40 {margin-bottom: 40px;}
.max-container { max-width: 830px;width: 100%;}
.bg-white {background-color: #fff;} 
.overflow-hidden {overflow: hidden;} 
.border-gray-200 {border-color: #e5e7eb;} 
.border-1 {border-width: 1px;} 
.radius-8 {border-radius: 8px;}
.faq-content { padding: 0 16px 16px; }
.ishopo-hero .ishopo-final-cta__benefits {
    justify-content: start;
}
@media (max-width:768px) {
    .fs-45, .ishopo-final-cta__title, .ishopo-comparison__title, .ishopo-features__title, .ishopo-how__title, .ishopo-value__title {font-size: 30px;}
    .ishopo-hero__title { font-size: 35px; }
    .ishopo-comparison__table-wrapper { overflow: scroll; }
    .ishopo-hero .ishopo-final-cta__benefits { justify-content: center; }
}