body.marketing-home {
    --mk-ink: #232536;
    --mk-ink-soft: #60657e;
    --mk-teal: #17d6c1;
    --mk-teal-deep: #08b8b2;
    --mk-teal-soft: #eafffb;
    --mk-aqua: #c8fff7;
    --mk-coral: #ff7b6b;
    --mk-coral-deep: #ff5d6d;
    --mk-surface: #ffffff;
    --mk-surface-soft: #f7fffd;
    --mk-border: rgba(35, 37, 54, 0.09);
    --mk-shadow: 0 24px 70px rgba(33, 39, 67, 0.10);
    --mk-shadow-soft: 0 18px 38px rgba(33, 39, 67, 0.08);
    --mk-wave-dark: #2f3141;
    font-family: "Tajawal", "Segoe UI", sans-serif;
    color: var(--mk-ink);
    background:
        radial-gradient(circle at 8% 12%, rgba(23, 214, 193, 0.12), transparent 20%),
        radial-gradient(circle at 92% 4%, rgba(23, 214, 193, 0.12), transparent 18%),
        linear-gradient(180deg, #fcfffe 0%, #f8fffd 46%, #ffffff 100%);
}

body.marketing-home .container {
    width: min(1180px, calc(100% - 40px));
    max-width: 1180px;
    padding: 0;
}

body.marketing-home section,
body.marketing-home footer {
    position: relative;
}

body.marketing-home .hero-section,
body.marketing-home .how-it-works-section,
body.marketing-home .launch-panel-section,
body.marketing-home .features-section,
body.marketing-home .pricing-section,
body.marketing-home .cta-section,
body.marketing-home .main-footer,
body.marketing-home #create-store-panel,
body.marketing-home #features,
body.marketing-home #pricing {
    scroll-margin-top: 28px;
}

body.marketing-home .hero-section {
    min-height: 100svh;
    padding: clamp(42px, 7vw, 86px) 0 clamp(110px, 12vw, 180px);
    background: transparent;
    overflow: clip;
    align-items: stretch;
}

body.marketing-home .hero-background {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 14% 26%, rgba(23, 214, 193, 0.14), transparent 18%),
        radial-gradient(circle at 76% 14%, rgba(23, 214, 193, 0.16), transparent 12%),
        linear-gradient(180deg, #fbfffe 0%, #f6fffc 44%, #ffffff 100%);
    opacity: 1;
}

body.marketing-home .hero-orb,
body.marketing-home .section-blob {
    position: absolute;
    pointer-events: none;
    border-radius: 58% 42% 64% 36% / 44% 34% 66% 56%;
    background: linear-gradient(135deg, rgba(23, 214, 193, 0.94), rgba(8, 184, 178, 0.92));
    opacity: 0.92;
    filter: drop-shadow(0 24px 60px rgba(23, 214, 193, 0.18));
    animation: marketing-blob 18s ease-in-out infinite;
}

body.marketing-home .hero-orb-a {
    width: clamp(140px, 18vw, 260px);
    height: clamp(120px, 17vw, 220px);
    top: 8%;
    right: -6%;
}

body.marketing-home .hero-orb-b {
    width: clamp(100px, 12vw, 170px);
    height: clamp(90px, 11vw, 150px);
    top: 48%;
    left: -2%;
    animation-delay: -6s;
}

body.marketing-home .hero-orb-c {
    width: clamp(180px, 22vw, 320px);
    height: clamp(120px, 18vw, 240px);
    bottom: 13%;
    left: 12%;
    opacity: 0.24;
    background: linear-gradient(135deg, rgba(23, 214, 193, 0.28), rgba(8, 184, 178, 0.16));
    filter: none;
    animation-delay: -12s;
}

body.marketing-home .hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(320px, 0.92fr);
    gap: clamp(28px, 5vw, 72px);
    align-items: center;
}

body.marketing-home .hero-content {
    max-width: 100%;
    margin: 0;
    padding: 0;
    color: var(--mk-ink);
    text-align: right;
    animation: none;
}

body.marketing-home .hero-kicker,
body.marketing-home .section-kicker,
body.marketing-home .launch-side-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.95rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.86);
    border: 1px solid rgba(23, 214, 193, 0.28);
    box-shadow: 0 14px 34px rgba(35, 37, 54, 0.07);
    color: var(--mk-teal-deep);
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin-bottom: 1.15rem;
}

body.marketing-home .hero-logo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1rem;
    margin-bottom: 1.35rem;
}

body.marketing-home .hero-logo-mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    border-radius: 30px;
    background: linear-gradient(135deg, var(--mk-teal) 0%, var(--mk-teal-deep) 100%);
    box-shadow: 0 22px 44px rgba(23, 214, 193, 0.28);
    flex-shrink: 0;
}

body.marketing-home .hero-logo i {
    width: auto;
    height: auto;
    display: block;
    margin: 0;
    font-size: 1.6rem;
    color: #ffffff;
    animation: none;
    background: none;
    box-shadow: none;
}

body.marketing-home .hero-logo-copy h1 {
    margin: 0;
    color: var(--mk-ink);
    font-size: clamp(2rem, 4vw, 3.2rem);
    font-weight: 800;
    line-height: 1;
    text-shadow: none;
}

body.marketing-home .hero-logo-copy p {
    margin: 0.45rem 0 0;
    color: var(--mk-ink-soft);
    font-size: 0.95rem;
    line-height: 1.8;
}

body.marketing-home .hero-title {
    margin: 0;
    color: var(--mk-ink);
    font-size: clamp(2.3rem, 5.2vw, 4.5rem);
    font-weight: 800;
    line-height: 1.08;
    text-shadow: none;
}

body.marketing-home .hero-subtitle {
    max-width: 650px;
    margin: 1.15rem 0 0;
    color: var(--mk-ink-soft);
    font-size: clamp(1rem, 1.5vw, 1.12rem);
    line-height: 2;
}

body.marketing-home .hero-badges {
    justify-content: flex-start;
    gap: 0.75rem;
    margin: 1.6rem 0 0;
}

body.marketing-home .hero-badge {
    background: rgba(255, 255, 255, 0.88);
    color: var(--mk-ink);
    border: 1px solid rgba(23, 214, 193, 0.16);
    box-shadow: 0 12px 28px rgba(35, 37, 54, 0.05);
    padding: 0.6rem 0.95rem;
    font-size: 0.82rem;
    font-weight: 700;
}

body.marketing-home .hero-badge i,
body.marketing-home .feature-icon i,
body.marketing-home .step-icon i,
body.marketing-home .launch-side-list i {
    color: var(--mk-teal-deep);
}

body.marketing-home .store-search-banner,
body.marketing-home .platform-onboarding-card,
body.marketing-home .launch-side-card,
body.marketing-home .feature-card,
body.marketing-home .pricing-card,
body.marketing-home .step-card,
body.marketing-home .cta-search {
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid var(--mk-border);
    border-radius: 34px;
    box-shadow: var(--mk-shadow);
    backdrop-filter: blur(14px);
}

body.marketing-home .store-search-banner {
    margin: 1.9rem 0 0;
    padding: 1.45rem;
}

body.marketing-home .store-check-hint {
    margin: 0 0 0.9rem;
    color: var(--mk-ink);
    text-align: right;
    font-size: 0.92rem;
}

body.marketing-home .search-container {
    max-width: none;
}

body.marketing-home .search-input-wrapper {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.8rem;
    padding: 0.8rem;
    border-radius: 26px;
    box-shadow: inset 0 0 0 1px rgba(23, 214, 193, 0.10);
    background: #ffffff;
}

body.marketing-home .search-input-wrapper:focus-within {
    transform: translateY(-2px);
    box-shadow:
        inset 0 0 0 1px rgba(23, 214, 193, 0.18),
        0 18px 38px rgba(33, 39, 67, 0.07);
}

body.marketing-home .domain-container {
    justify-content: center;
    width: auto;
    padding: 0.9rem 1.1rem;
    border-bottom: 0;
    border-radius: 18px;
    background: var(--mk-surface-soft);
    border: 1px solid rgba(23, 214, 193, 0.14);
}

body.marketing-home .domain-name {
    color: var(--mk-teal-deep);
    font-size: 0.95rem;
}

body.marketing-home .domain-slash {
    color: var(--mk-ink-soft);
}

body.marketing-home .store-name-input {
    min-width: 0;
    min-height: 56px;
    border: 1px solid rgba(23, 214, 193, 0.14);
    border-radius: 18px;
    padding: 0.9rem 1rem;
    font-size: 1rem;
    color: var(--mk-ink);
    background: var(--mk-surface-soft);
    text-align: left;
}

body.marketing-home .store-name-input::placeholder {
    color: #9ba2b7;
}

body.marketing-home .check-btn,
body.marketing-home .hero-cta .btn-primary,
body.marketing-home .subscribe-plan-btn,
body.marketing-home .platform-form-actions .btn-primary {
    background: linear-gradient(135deg, var(--mk-coral) 0%, var(--mk-coral-deep) 100%);
    color: #ffffff;
    border: 0;
    box-shadow: 0 16px 30px rgba(255, 123, 107, 0.28);
}

body.marketing-home .check-btn {
    width: auto;
    min-height: 56px;
    padding: 0.95rem 1.45rem;
    border-radius: 18px;
    font-size: 0.98rem;
}

body.marketing-home .check-btn:hover,
body.marketing-home .hero-cta .btn-primary:hover,
body.marketing-home .subscribe-plan-btn:hover,
body.marketing-home .platform-form-actions .btn-primary:hover {
    box-shadow: 0 22px 36px rgba(255, 123, 107, 0.30);
    transform: translateY(-2px);
}

body.marketing-home .availability-result {
    min-height: 0;
    margin-top: 0.9rem;
    padding: 0;
    opacity: 1;
    transform: none;
    display: block;
    text-align: right;
}

body.marketing-home .availability-result:empty {
    display: none;
}

body.marketing-home .availability-result.show {
    padding: 0.95rem 1rem;
    border-radius: 18px;
    font-size: 0.95rem;
}

body.marketing-home .hero-cta {
    justify-content: flex-start;
    gap: 0.9rem;
    margin-top: 1.5rem;
}

body.marketing-home .btn {
    border-radius: 20px;
    padding: 1rem 1.5rem;
    font-size: 1rem;
    font-weight: 700;
    box-shadow: none;
}

body.marketing-home .hero-cta .btn-secondary {
    background: rgba(255, 255, 255, 0.92);
    color: var(--mk-ink);
    border: 1px solid rgba(23, 214, 193, 0.18);
    box-shadow: 0 16px 30px rgba(33, 39, 67, 0.06);
}

body.marketing-home .hero-cta .btn-secondary:hover {
    background: #ffffff;
    color: var(--mk-ink);
    transform: translateY(-2px);
}

body.marketing-home .hero-showcase {
    position: relative;
    justify-self: center;
    width: min(100%, 500px);
    direction: ltr;
    padding: 1.5rem 0.75rem 0;
}

body.marketing-home .showcase-card {
    position: relative;
    background: #ffffff;
    border: 1px solid rgba(23, 214, 193, 0.12);
    border-radius: 34px;
    box-shadow: var(--mk-shadow);
}

body.marketing-home .showcase-card-main {
    padding: 1rem;
    animation: marketing-float 7s ease-in-out infinite;
}

body.marketing-home .showcase-window {
    display: flex;
    gap: 0.45rem;
    padding: 0.2rem 0.2rem 0.95rem;
}

body.marketing-home .showcase-window span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(35, 37, 54, 0.16);
}

body.marketing-home .showcase-window span:first-child {
    background: #ffb3a9;
}

body.marketing-home .showcase-window span:nth-child(2) {
    background: #ffe6a8;
}

body.marketing-home .showcase-window span:nth-child(3) {
    background: #baf7ea;
}

body.marketing-home .showcase-board {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 0.9rem;
    min-height: 320px;
}

body.marketing-home .showcase-sidebar {
    display: grid;
    gap: 0.8rem;
    padding: 0.8rem 0.6rem;
    border-radius: 24px;
    background: linear-gradient(180deg, #f0fffb 0%, #f7fffd 100%);
}

body.marketing-home .showcase-sidebar span {
    display: block;
    height: 42px;
    border-radius: 16px;
    background: rgba(23, 214, 193, 0.16);
}

body.marketing-home .showcase-screen {
    padding: 1rem;
    border-radius: 26px;
    background:
        radial-gradient(circle at top right, rgba(255, 123, 107, 0.12), transparent 20%),
        linear-gradient(180deg, #ffffff 0%, #f5fffc 100%);
    border: 1px solid rgba(23, 214, 193, 0.08);
}

body.marketing-home .showcase-screen-top {
    display: flex;
    justify-content: space-between;
    gap: 0.6rem;
    margin-bottom: 1rem;
}

body.marketing-home .showcase-pill {
    height: 14px;
    width: 38%;
    border-radius: 999px;
    background: rgba(23, 214, 193, 0.25);
}

body.marketing-home .showcase-pill-soft {
    width: 24%;
    background: rgba(255, 123, 107, 0.18);
}

body.marketing-home .showcase-chart-bars {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: end;
    gap: 0.7rem;
    height: 160px;
    padding: 1rem 0 0.4rem;
}

body.marketing-home .showcase-chart-bars span {
    border-radius: 18px 18px 10px 10px;
    background: linear-gradient(180deg, rgba(23, 214, 193, 0.28), rgba(23, 214, 193, 0.9));
}

body.marketing-home .showcase-chart-bars span:first-child {
    height: 52%;
}

body.marketing-home .showcase-chart-bars span:nth-child(2) {
    height: 68%;
}

body.marketing-home .showcase-chart-bars span:nth-child(3) {
    height: 44%;
}

body.marketing-home .showcase-chart-bars span:nth-child(4) {
    height: 88%;
}

body.marketing-home .showcase-chart-bars span:nth-child(5) {
    height: 61%;
}

body.marketing-home .showcase-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.8rem;
    margin-top: 1rem;
}

body.marketing-home .showcase-metrics article,
body.marketing-home .launch-side-stats article {
    padding: 1rem;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(23, 214, 193, 0.12);
    box-shadow: 0 14px 32px rgba(33, 39, 67, 0.05);
}

body.marketing-home .showcase-metrics strong,
body.marketing-home .launch-side-stats strong {
    display: block;
    color: var(--mk-ink);
    font-size: 1.05rem;
    font-weight: 800;
}

body.marketing-home .showcase-metrics span,
body.marketing-home .launch-side-stats span {
    display: block;
    margin-top: 0.35rem;
    color: var(--mk-ink-soft);
    font-size: 0.82rem;
    line-height: 1.7;
}

body.marketing-home .showcase-card-float {
    position: absolute;
    bottom: -2.2rem;
    left: -1.4rem;
    width: min(82%, 300px);
    padding: 1rem;
    display: grid;
    grid-template-columns: 88px minmax(0, 1fr);
    gap: 0.9rem;
    animation: marketing-float 9s ease-in-out infinite;
    animation-delay: -2s;
}

body.marketing-home .float-visual {
    display: grid;
    align-content: end;
    gap: 0.45rem;
}

body.marketing-home .float-visual span {
    display: block;
    border-radius: 999px;
    background: rgba(23, 214, 193, 0.24);
    height: 12px;
}

body.marketing-home .float-visual span:first-child {
    width: 100%;
    height: 38px;
}

body.marketing-home .float-visual span:nth-child(2) {
    width: 72%;
}

body.marketing-home .float-visual span:nth-child(3) {
    width: 86%;
    background: rgba(255, 123, 107, 0.22);
}

body.marketing-home .float-copy strong {
    display: block;
    color: var(--mk-ink);
    font-size: 0.96rem;
    font-weight: 800;
}

body.marketing-home .float-copy p {
    margin: 0.45rem 0 0;
    color: var(--mk-ink-soft);
    font-size: 0.82rem;
    line-height: 1.8;
}

body.marketing-home .showcase-chip {
    position: absolute;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.7rem 1rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid rgba(23, 214, 193, 0.14);
    box-shadow: 0 16px 28px rgba(33, 39, 67, 0.06);
    color: var(--mk-ink);
    font-size: 0.82rem;
    font-weight: 700;
}

body.marketing-home .showcase-chip i {
    color: var(--mk-coral);
}

body.marketing-home .showcase-chip-top {
    top: 0;
    right: 0;
}

body.marketing-home .showcase-chip-bottom {
    bottom: 5.2rem;
    right: 1.4rem;
}

body.marketing-home .hero-wave,
body.marketing-home .footer-wave {
    position: absolute;
    inset-inline: 0;
    overflow: hidden;
    pointer-events: none;
}

body.marketing-home .hero-wave {
    bottom: -1px;
    height: 136px;
}

body.marketing-home .footer-wave {
    top: -1px;
    height: 124px;
}

body.marketing-home .wave {
    position: absolute;
    left: -14%;
    width: 128%;
    height: 100%;
    background-repeat: repeat-x;
    background-size: 760px 140px;
    animation: marketing-wave 18s linear infinite;
}

body.marketing-home .hero-wave .wave-1 {
    bottom: -6px;
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' preserveAspectRatio='none'%3E%3Cpath fill='%23ffffff' d='M0,96L48,85.3C96,75,192,53,288,53.3C384,53,480,75,576,96C672,117,768,139,864,138.7C960,139,1056,117,1152,96C1248,75,1344,53,1392,42.7L1440,32L1440,201L1392,201C1344,201,1248,201,1152,201C1056,201,960,201,864,201C768,201,672,201,576,201C480,201,384,201,288,201C192,201,96,201,48,201L0,201Z'/%3E%3C/svg%3E");
}

body.marketing-home .hero-wave .wave-2 {
    bottom: 10px;
    opacity: 0.64;
    animation-duration: 25s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' preserveAspectRatio='none'%3E%3Cpath fill='%23eefdfa' d='M0,120L60,109.3C120,99,240,77,360,66.7C480,56,600,56,720,74.7C840,93,960,131,1080,138.7C1200,147,1320,125,1380,114.7L1440,104L1440,201L1380,201C1320,201,1200,201,1080,201C960,201,840,201,720,201C600,201,480,201,360,201C240,201,120,201,60,201L0,201Z'/%3E%3C/svg%3E");
}

body.marketing-home .hero-wave .wave-3 {
    bottom: 24px;
    opacity: 0.46;
    animation: marketing-wave-reverse 28s linear infinite;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' preserveAspectRatio='none'%3E%3Cpath fill='%23ddfbf5' d='M0,136L72,128C144,120,288,104,432,88C576,72,720,56,864,58.7C1008,61,1152,83,1296,104C1344,111,1392,117,1416,120L1440,123L1440,201L1416,201C1392,201,1344,201,1296,201C1152,201,1008,201,864,201C720,201,576,201,432,201C288,201,144,201,72,201L0,201Z'/%3E%3C/svg%3E");
}

body.marketing-home .footer-wave .wave-1 {
    top: 0;
    opacity: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' preserveAspectRatio='none'%3E%3Cpath fill='%232f3141' d='M0,104L60,96C120,88,240,72,360,72C480,72,600,88,720,104C840,120,960,136,1080,128C1200,120,1320,88,1380,72L1440,56L1440,201L1380,201C1320,201,1200,201,1080,201C960,201,840,201,720,201C600,201,480,201,360,201C240,201,120,201,60,201L0,201Z'/%3E%3C/svg%3E");
}

body.marketing-home .footer-wave .wave-2 {
    top: 8px;
    opacity: 0.66;
    animation-duration: 24s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 200' preserveAspectRatio='none'%3E%3Cpath fill='%23383b4d' d='M0,120L72,109.3C144,99,288,77,432,80C576,83,720,111,864,117.3C1008,123,1152,107,1296,93.3C1344,88,1392,83,1416,80L1440,77L1440,201L1416,201C1392,201,1344,201,1296,201C1152,201,1008,201,864,201C720,201,576,201,432,201C288,201,144,201,72,201L0,201Z'/%3E%3C/svg%3E");
}

body.marketing-home .how-it-works-section,
body.marketing-home .launch-panel-section,
body.marketing-home .features-section,
body.marketing-home .pricing-section {
    padding: clamp(70px, 9vw, 110px) 0;
}

body.marketing-home .section-header {
    margin-bottom: 3.2rem;
    text-align: center;
}

body.marketing-home .section-header h2 {
    margin: 0.25rem 0 0.8rem;
    color: var(--mk-ink);
    font-size: clamp(2rem, 4vw, 3.3rem);
    font-weight: 800;
    line-height: 1.12;
}

body.marketing-home .section-header p {
    max-width: 700px;
    margin: 0 auto;
    color: var(--mk-ink-soft);
    font-size: 1rem;
    line-height: 1.95;
}

body.marketing-home .steps-container {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
}

body.marketing-home .step-card {
    padding: 2rem 1.6rem 1.8rem;
    text-align: right;
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

body.marketing-home .step-card::before {
    content: "";
    position: absolute;
    inset-inline-start: -30px;
    inset-block-end: -34px;
    width: 140px;
    height: 110px;
    border-radius: 58% 42% 64% 36% / 44% 34% 66% 56%;
    background: rgba(23, 214, 193, 0.11);
}

body.marketing-home .step-number {
    position: static;
    transform: none;
    width: auto;
    height: auto;
    margin: 0 0 1.1rem;
    color: rgba(23, 214, 193, 0.95);
    background: none;
    box-shadow: none;
    font-size: clamp(2.4rem, 5vw, 4rem);
    line-height: 1;
}

body.marketing-home .step-icon {
    width: 74px;
    height: 74px;
    margin: 0 0 1.2rem;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(23, 214, 193, 0.18), rgba(23, 214, 193, 0.34));
}

body.marketing-home .step-card h3 {
    margin: 0 0 0.75rem;
    color: var(--mk-ink);
    font-size: 1.25rem;
}

body.marketing-home .step-card p {
    margin: 0;
    color: var(--mk-ink-soft);
    font-size: 0.95rem;
    line-height: 1.9;
}

body.marketing-home .step-card p span {
    color: var(--mk-teal-deep);
    font-weight: 700;
}

body.marketing-home .launch-panel-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(280px, 0.92fr);
    gap: clamp(20px, 4vw, 38px);
    align-items: start;
}

body.marketing-home .platform-onboarding-card {
    margin-top: 0;
    padding: clamp(1.5rem, 3vw, 2rem);
    text-align: right;
}

body.marketing-home .platform-onboarding-header {
    margin-bottom: 0.75rem;
}

body.marketing-home .platform-onboarding-card h3 {
    color: var(--mk-ink);
    font-size: 1.5rem;
    font-weight: 800;
}

body.marketing-home .platform-onboarding-card p {
    color: var(--mk-ink-soft);
    font-size: 0.95rem;
    line-height: 1.9;
}

body.marketing-home .platform-trial-badge {
    background: rgba(23, 214, 193, 0.12);
    color: var(--mk-teal-deep);
    border-color: rgba(23, 214, 193, 0.16);
}

body.marketing-home .platform-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
    margin-top: 1.15rem;
}

body.marketing-home .platform-form-group label {
    color: var(--mk-ink);
    font-size: 0.82rem;
    margin-bottom: 0.42rem;
}

body.marketing-home .platform-form-group input {
    min-height: 54px;
    border-radius: 18px;
    border: 1px solid rgba(23, 214, 193, 0.14);
    padding: 0.8rem 0.95rem;
    font-size: 0.95rem;
    background: var(--mk-surface-soft);
}

body.marketing-home .platform-form-group input:focus {
    border-color: rgba(23, 214, 193, 0.42);
    box-shadow: 0 0 0 3px rgba(23, 214, 193, 0.14);
}

body.marketing-home .platform-form-group input:disabled {
    background: #f3f7f8;
}

body.marketing-home .platform-form-group small,
body.marketing-home .platform-submit-note,
body.marketing-home #selected-plan-label {
    color: var(--mk-ink-soft);
}

body.marketing-home .platform-form-actions {
    margin-top: 1.1rem;
    align-items: center;
}

body.marketing-home .platform-form-actions .btn-primary {
    border-radius: 20px;
    padding-inline: 1.6rem;
}

body.marketing-home .platform-form-actions .btn-primary:disabled {
    background: #d7dde3;
    color: #7b8298;
    box-shadow: none;
}

body.marketing-home .launch-side-card {
    padding: 1.7rem;
    overflow: hidden;
    background:
        radial-gradient(circle at bottom left, rgba(23, 214, 193, 0.16), transparent 28%),
        rgba(255, 255, 255, 0.94);
}

body.marketing-home .launch-side-card h3 {
    margin: 0 0 0.8rem;
    color: var(--mk-ink);
    font-size: 1.55rem;
    line-height: 1.45;
}

body.marketing-home .launch-side-card p {
    margin: 0;
    color: var(--mk-ink-soft);
    font-size: 0.95rem;
    line-height: 1.9;
}

body.marketing-home .launch-side-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.8rem;
    margin-top: 1.4rem;
}

body.marketing-home .launch-side-list {
    list-style: none;
    margin: 1.4rem 0 0;
    padding: 0;
    display: grid;
    gap: 0.85rem;
}

body.marketing-home .launch-side-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    color: var(--mk-ink);
    font-size: 0.92rem;
    line-height: 1.9;
}

body.marketing-home .features-section {
    overflow: clip;
}

body.marketing-home .section-blob-left {
    width: clamp(180px, 24vw, 320px);
    height: clamp(120px, 18vw, 220px);
    top: 15%;
    left: -5%;
}

body.marketing-home .section-blob-right {
    width: clamp(120px, 18vw, 220px);
    height: clamp(100px, 15vw, 180px);
    bottom: 10%;
    right: -4%;
    animation-delay: -8s;
}

body.marketing-home .features-grid {
    position: relative;
    z-index: 1;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.35rem;
    margin-top: 0;
}

body.marketing-home .feature-card {
    padding: 1.65rem;
    text-align: right;
    box-shadow: var(--mk-shadow-soft);
    border-radius: 28px;
}

body.marketing-home .feature-card:nth-child(2),
body.marketing-home .feature-card:nth-child(5),
body.marketing-home .feature-card:nth-child(8) {
    margin-top: 34px;
}

body.marketing-home .feature-icon {
    margin: 0 0 1.2rem;
    width: 72px;
    height: 72px;
    border-radius: 24px;
    background: linear-gradient(135deg, rgba(23, 214, 193, 0.18), rgba(23, 214, 193, 0.34));
    color: var(--mk-teal-deep);
}

body.marketing-home .feature-card h3 {
    margin: 0 0 0.7rem;
    color: var(--mk-ink);
    font-size: 1.22rem;
}

body.marketing-home .feature-card p {
    margin: 0;
    color: var(--mk-ink-soft);
    font-size: 0.94rem;
    line-height: 1.95;
}

body.marketing-home .feature-card:hover,
body.marketing-home .step-card:hover,
body.marketing-home .pricing-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 60px rgba(33, 39, 67, 0.13);
}

body.marketing-home .pricing-section {
    background:
        radial-gradient(circle at top left, rgba(23, 214, 193, 0.12), transparent 22%),
        linear-gradient(180deg, #f8fffd 0%, #ffffff 70%);
}

body.marketing-home .pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    padding: 0;
}

body.marketing-home .pricing-card {
    border-radius: 34px;
    border: 1px solid rgba(23, 214, 193, 0.12);
    box-shadow: var(--mk-shadow);
    overflow: hidden;
}

body.marketing-home .pricing-card-featured {
    transform: translateY(-10px);
    border-color: rgba(23, 214, 193, 0.24);
}

body.marketing-home .pricing-card-featured:hover {
    transform: translateY(-14px);
}

body.marketing-home .popular-badge {
    top: 18px;
    left: 18px;
    background: linear-gradient(135deg, var(--mk-coral) 0%, var(--mk-coral-deep) 100%);
    box-shadow: 0 14px 24px rgba(255, 123, 107, 0.24);
}

body.marketing-home .pricing-header {
    background:
        radial-gradient(circle at top right, rgba(255, 123, 107, 0.12), transparent 18%),
        linear-gradient(180deg, #ffffff 0%, #f6fffc 100%);
    color: var(--mk-ink);
    padding: 2.4rem 1.9rem 1.8rem;
    text-align: right;
}

body.marketing-home .pricing-card-featured .pricing-header {
    padding-top: 3.2rem;
}

body.marketing-home .pricing-header h3 {
    margin: 0 0 0.8rem;
    font-size: 1.7rem;
}

body.marketing-home .plan-description {
    color: var(--mk-ink-soft);
    margin-top: 0.6rem;
}

body.marketing-home .price {
    justify-content: flex-start;
}

body.marketing-home .price .amount {
    color: var(--mk-ink);
    font-size: clamp(3rem, 7vw, 4.4rem);
}

body.marketing-home .price .currency,
body.marketing-home .price .period {
    color: var(--mk-teal-deep);
}

body.marketing-home .pricing-features {
    padding: 1.55rem 1.9rem 0.8rem;
}

body.marketing-home .pricing-features li {
    padding: 0.9rem 0;
    color: var(--mk-ink);
    font-size: 0.98rem;
}

body.marketing-home .pricing-features i {
    color: var(--mk-teal-deep);
}

body.marketing-home .pricing-card .btn-large {
    width: calc(100% - 3.8rem);
    margin: auto 1.9rem 1.9rem;
    justify-content: center;
    border-radius: 20px;
}

body.marketing-home .cta-section {
    padding: 132px 0 42px;
    background: var(--mk-wave-dark);
    color: #ffffff;
    overflow: clip;
}

body.marketing-home .cta-shell {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.9fr);
    gap: clamp(20px, 4vw, 42px);
    align-items: center;
}

body.marketing-home .cta-content {
    text-align: right;
}

body.marketing-home .cta-content .section-kicker {
    background: rgba(255, 255, 255, 0.08);
    color: #cbfff7;
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: none;
}

body.marketing-home .cta-content h2 {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3.2rem);
    line-height: 1.18;
}

body.marketing-home .cta-content p {
    margin: 1rem 0 0;
    color: rgba(255, 255, 255, 0.76);
    line-height: 1.95;
}

body.marketing-home .cta-search {
    background: rgba(26, 28, 39, 0.55);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: none;
}

body.marketing-home .cta-search .search-input-wrapper {
    background: rgba(255, 255, 255, 0.98);
}

body.marketing-home .main-footer {
    padding: 0 0 3rem;
    background: var(--mk-wave-dark);
}

body.marketing-home .footer-content {
    padding-top: 0;
    text-align: right;
    max-width: 760px;
}

body.marketing-home .footer-content h3 {
    margin-bottom: 0.8rem;
    font-size: 2rem;
}

body.marketing-home .footer-content p {
    color: rgba(255, 255, 255, 0.68);
    font-size: 0.95rem;
    line-height: 1.95;
}

body.marketing-home .footer-mini-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.85rem;
    margin-top: 1.2rem;
}

body.marketing-home .footer-mini-nav a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.55rem 1rem;
    border-radius: 999px;
    text-decoration: none;
    color: #ffffff;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.08);
    transition: background-color 0.2s ease, transform 0.2s ease;
}

body.marketing-home .footer-mini-nav a:hover {
    background: rgba(255, 255, 255, 0.14);
    transform: translateY(-2px);
}

body.marketing-home .floating-whatsapp {
    left: 24px;
    bottom: 24px;
    width: 58px;
    height: 58px;
    border: 4px solid rgba(255, 255, 255, 0.86);
}

@keyframes marketing-blob {
    0%,
    100% {
        transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
    }
    33% {
        transform: translate3d(12px, -14px, 0) rotate(6deg) scale(1.05);
    }
    66% {
        transform: translate3d(-10px, 10px, 0) rotate(-4deg) scale(0.96);
    }
}

@keyframes marketing-float {
    0%,
    100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-12px);
    }
}

@keyframes marketing-wave {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-180px);
    }
}

@keyframes marketing-wave-reverse {
    0% {
        transform: translateX(-180px);
    }
    100% {
        transform: translateX(0);
    }
}

@media (max-width: 1100px) {
    body.marketing-home .hero-grid,
    body.marketing-home .launch-panel-grid,
    body.marketing-home .cta-shell {
        grid-template-columns: 1fr;
    }

    body.marketing-home .hero-showcase {
        width: min(100%, 560px);
        margin-inline: auto;
        padding-top: 2rem;
    }

    body.marketing-home .launch-side-card,
    body.marketing-home .cta-content {
        max-width: 760px;
    }
}

@media (max-width: 900px) {
    body.marketing-home .features-grid,
    body.marketing-home .pricing-grid,
    body.marketing-home .steps-container,
    body.marketing-home .launch-side-stats {
        grid-template-columns: 1fr;
    }

    body.marketing-home .platform-form-grid {
        grid-template-columns: 1fr;
    }

    body.marketing-home .feature-card:nth-child(2),
    body.marketing-home .feature-card:nth-child(5),
    body.marketing-home .feature-card:nth-child(8),
    body.marketing-home .pricing-card-featured {
        margin-top: 0;
        transform: none;
    }

    body.marketing-home .pricing-card-featured:hover {
        transform: none;
    }
}

@media (max-width: 760px) {
    body.marketing-home .container {
        width: min(100%, calc(100% - 28px));
    }

    body.marketing-home .hero-section {
        padding-top: 30px;
        padding-bottom: 92px;
    }

    body.marketing-home .hero-copy,
    body.marketing-home .step-card,
    body.marketing-home .feature-card,
    body.marketing-home .platform-onboarding-card,
    body.marketing-home .launch-side-card,
    body.marketing-home .pricing-header,
    body.marketing-home .cta-content,
    body.marketing-home .footer-content {
        text-align: center;
    }

    body.marketing-home .hero-logo,
    body.marketing-home .hero-badges,
    body.marketing-home .hero-cta,
    body.marketing-home .footer-mini-nav {
        justify-content: center;
    }

    body.marketing-home .store-check-hint {
        text-align: center;
    }

    body.marketing-home .feature-icon,
    body.marketing-home .step-icon {
        margin-inline: auto;
    }

    body.marketing-home .launch-side-list li {
        justify-content: center;
        text-align: center;
    }

    body.marketing-home .search-input-wrapper {
        grid-template-columns: 1fr;
    }

    body.marketing-home .check-btn,
    body.marketing-home .hero-cta .btn,
    body.marketing-home .platform-form-actions .btn-primary,
    body.marketing-home .subscribe-plan-btn {
        width: 100%;
        justify-content: center;
    }

    body.marketing-home .showcase-card-float {
        position: relative;
        inset: auto;
        width: 100%;
        margin-top: 1rem;
    }

    body.marketing-home .showcase-chip-top,
    body.marketing-home .showcase-chip-bottom {
        position: relative;
        right: auto;
        top: auto;
        bottom: auto;
        display: inline-flex;
        margin-bottom: 0.8rem;
    }

    body.marketing-home .showcase-chip-bottom {
        margin-top: 0.8rem;
        margin-bottom: 0;
    }

    body.marketing-home .showcase-board {
        grid-template-columns: 1fr;
    }

    body.marketing-home .showcase-sidebar {
        grid-template-columns: repeat(4, 1fr);
    }

    body.marketing-home .cta-section {
        padding-top: 110px;
    }
}

@media (max-width: 520px) {
    body.marketing-home .hero-logo {
        flex-direction: column;
    }

    body.marketing-home .hero-logo-copy h1 {
        font-size: 2.2rem;
    }

    body.marketing-home .store-search-banner,
    body.marketing-home .platform-onboarding-card,
    body.marketing-home .launch-side-card,
    body.marketing-home .feature-card,
    body.marketing-home .pricing-card,
    body.marketing-home .step-card,
    body.marketing-home .cta-search {
        border-radius: 26px;
    }

    body.marketing-home .pricing-features,
    body.marketing-home .pricing-header,
    body.marketing-home .platform-onboarding-card,
    body.marketing-home .launch-side-card {
        padding-inline: 1.2rem;
    }

    body.marketing-home .floating-whatsapp {
        width: 54px;
        height: 54px;
        left: 18px;
        bottom: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.marketing-home *,
    body.marketing-home *::before,
    body.marketing-home *::after {
        animation: none !important;
        transition: none !important;
        scroll-behavior: auto !important;
    }
}