.landing-nav.svelte-1o0dqzc {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100;
        padding: 1rem 1.5rem;
        transition: all 0.3s ease;
        background: transparent;
    }

    .landing-nav.scrolled.svelte-1o0dqzc {
        background: rgba(255, 255, 255, 0.95);
        backdrop-filter: blur(16px);
        border-bottom: 1px solid rgba(30, 92, 58, 0.08);
        box-shadow: 0 1px 8px rgba(0, 0, 0, 0.04);
    }

    .nav-inner.svelte-1o0dqzc {
        max-width: 72rem;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    /* Logo */
    .nav-logo.svelte-1o0dqzc {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        text-decoration: none;
        transition: opacity 0.2s;
    }

    .nav-logo.svelte-1o0dqzc:hover {
        opacity: 0.8;
    }

    .nav-logo-img.svelte-1o0dqzc {
        width: 2.5rem;
        height: 2.5rem;
        filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.08));
    }

    .nav-logo-text.svelte-1o0dqzc {
        font-size: 1.35rem;
        font-weight: 700;
        color: var(--landing-primary, #1E5C3A);
        letter-spacing: -0.02em;
    }

    /* Center Links */
    .nav-center.svelte-1o0dqzc {
        display: flex;
        align-items: center;
        gap: 0.25rem;
    }

    .nav-link.svelte-1o0dqzc {
        padding: 0.5rem 1rem;
        border-radius: 8px;
        text-decoration: none;
        font-size: 0.95rem;
        font-weight: 500;
        color: var(--landing-text-sub, #666666);
        transition: all 0.2s;
    }

    .nav-link.svelte-1o0dqzc:hover {
        color: var(--landing-primary, #1E5C3A);
        background: rgba(30, 92, 58, 0.06);
    }

    .nav-link.active.svelte-1o0dqzc {
        color: var(--landing-primary, #1E5C3A);
        font-weight: 600;
        background: rgba(30, 92, 58, 0.08);
    }

    /* Right CTA */
    .nav-right.svelte-1o0dqzc {
        display: flex;
        align-items: center;
    }

    .nav-cta.svelte-1o0dqzc {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        padding: 0.55rem 1.3rem;
        background: var(--landing-cta, #FF6B35);
        color: #fff;
        border-radius: 8px;
        font-size: 0.9rem;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.2s;
        box-shadow: 0 2px 8px rgba(255, 107, 53, 0.3);
    }

    .nav-cta.svelte-1o0dqzc:hover {
        background: #e85d2a;
        box-shadow: 0 4px 12px rgba(255, 107, 53, 0.4);
        transform: translateY(-1px);
    }

    /* Hamburger */
    .nav-hamburger.svelte-1o0dqzc {
        display: none;
        flex-direction: column;
        gap: 5px;
        background: none;
        border: none;
        cursor: pointer;
        padding: 0.5rem;
    }

    .hamburger-line.svelte-1o0dqzc {
        display: block;
        width: 22px;
        height: 2px;
        background: var(--landing-text, #1A1A1A);
        border-radius: 2px;
        transition: all 0.3s;
    }

    .hamburger-line.open.svelte-1o0dqzc:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
    }

    .hamburger-line.open.svelte-1o0dqzc:nth-child(2) {
        opacity: 0;
    }

    .hamburger-line.open.svelte-1o0dqzc:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
    }

    /* Mobile Menu */
    .mobile-menu.svelte-1o0dqzc {
        display: none;
        flex-direction: column;
        gap: 0.15rem;
        padding: 0.75rem;
        margin-top: 0.5rem;
        background: rgba(255, 255, 255, 0.98);
        backdrop-filter: blur(16px);
        border-radius: 12px;
        border: 1px solid rgba(30, 92, 58, 0.08);
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08);
        animation: svelte-1o0dqzc-slideDown 0.25s ease;
    }

    .mobile-link.svelte-1o0dqzc {
        display: flex;
        align-items: center;
        padding: 0.7rem 1rem;
        border-radius: 8px;
        text-decoration: none;
        font-size: 0.95rem;
        font-weight: 500;
        color: var(--landing-text-sub, #666666);
        transition: all 0.2s;
    }

    .mobile-link.svelte-1o0dqzc:hover {
        background: rgba(30, 92, 58, 0.06);
        color: var(--landing-primary, #1E5C3A);
    }

    .mobile-link.active.svelte-1o0dqzc {
        color: var(--landing-primary, #1E5C3A);
        font-weight: 600;
        background: rgba(30, 92, 58, 0.06);
    }

    .mobile-divider.svelte-1o0dqzc {
        height: 1px;
        background: rgba(30, 92, 58, 0.08);
        margin: 0.25rem 0.5rem;
    }

    .mobile-cta.svelte-1o0dqzc {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.35rem;
        padding: 0.7rem 1rem;
        background: var(--landing-cta, #FF6B35);
        color: #fff;
        border-radius: 8px;
        font-size: 0.9rem;
        font-weight: 600;
        text-decoration: none;
        margin-top: 0.25rem;
        transition: background 0.2s;
    }

    .mobile-cta.svelte-1o0dqzc:hover {
        background: #e85d2a;
    }

    @keyframes svelte-1o0dqzc-slideDown {
        from { opacity: 0; transform: translateY(-8px); }
        to { opacity: 1; transform: translateY(0); }
    }

    @media (max-width: 768px) {
        .nav-center.svelte-1o0dqzc,
        .nav-right.svelte-1o0dqzc {
            display: none;
        }

        .nav-hamburger.svelte-1o0dqzc {
            display: flex;
        }

        .mobile-menu.svelte-1o0dqzc {
            display: flex;
        }
    }

    @media (min-width: 1024px) {
        .landing-nav.svelte-1o0dqzc {
            padding: 1.25rem 3rem;
        }

        .nav-logo-img.svelte-1o0dqzc {
            width: 2.75rem;
            height: 2.75rem;
        }

        .nav-logo-text.svelte-1o0dqzc {
            font-size: 1.5rem;
        }

        .nav-link.svelte-1o0dqzc {
            font-size: 1rem;
            padding: 0.5rem 1.2rem;
        }
    }

    .landing-footer.svelte-1myuad8 {
        background: var(--landing-dark, #1A1A1A);
        color: rgba(255, 255, 255, 0.45);
        padding: 3rem 1.5rem 2rem;
    }

    .footer-inner.svelte-1myuad8 {
        max-width: 72rem;
        margin: 0 auto;
    }

    /* Top */
    .footer-top.svelte-1myuad8 {
        display: grid;
        grid-template-columns: 1.4fr 1fr 1fr 1fr 1fr;
        gap: 2rem;
        padding-bottom: 2rem;
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }

    /* Brand */
    .footer-brand.svelte-1myuad8 {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .footer-logo.svelte-1myuad8 {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        text-decoration: none;
    }

    .footer-logo-img.svelte-1myuad8 {
        width: 1.75rem;
        height: 1.75rem;
    }

    .footer-logo-text.svelte-1myuad8 {
        font-size: 1.1rem;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.85);
        letter-spacing: -0.02em;
    }

    .footer-desc.svelte-1myuad8 {
        font-size: 0.82rem;
        color: rgba(255, 255, 255, 0.35);
    }

    /* Links */
    .footer-links-title.svelte-1myuad8 {
        font-size: 0.72rem;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.55);
        margin-bottom: 0.6rem;
        text-transform: uppercase;
        letter-spacing: 0.06em;
    }

    .footer-links.svelte-1myuad8 {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
    }

    .footer-link.svelte-1myuad8 {
        color: rgba(255, 255, 255, 0.4);
        text-decoration: none;
        font-size: 0.85rem;
        transition: color 0.2s;
    }

    .footer-link.svelte-1myuad8:hover {
        color: rgba(255, 255, 255, 0.8);
    }

    .footer-text.svelte-1myuad8 {
        font-size: 0.85rem;
    }

    /* Badges */
    .footer-badges.svelte-1myuad8 {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
    }

    .footer-badge-link.svelte-1myuad8 {
        display: flex;
        align-items: center;
        transition: opacity 0.2s;
    }

    .footer-badge-link.svelte-1myuad8:hover {
        opacity: 0.8;
    }

    .footer-badge.svelte-1myuad8 {
        height: 2.5rem;
        object-fit: contain;
    }

    /* 구글 플레이 PNG 내부 투명 여백 보정 */
    .footer-badge.gplay.svelte-1myuad8 {
        height: 3rem;
        margin: -0.25rem 0;
    }

    /* Bottom */
    .footer-bottom.svelte-1myuad8 {
        padding-top: 1.5rem;
        text-align: center;
    }

    .footer-company.svelte-1myuad8 {
        font-size: 0.72rem;
        line-height: 1.8;
        color: rgba(255, 255, 255, 0.3);
    }

    .footer-sep.svelte-1myuad8 {
        margin: 0 0.3rem;
        opacity: 0.4;
    }

    .footer-copyright.svelte-1myuad8 {
        font-size: 0.78rem;
        color: rgba(255, 255, 255, 0.3);
        margin-top: 0.8rem;
    }

    /* Responsive */
    @media (max-width: 768px) {
        .footer-top.svelte-1myuad8 {
            grid-template-columns: 1fr 1fr;
            gap: 1.5rem;
        }

        .footer-brand.svelte-1myuad8 {
            grid-column: 1 / -1;
        }

        .footer-company.svelte-1myuad8 .footer-sep:where(.svelte-1myuad8) {
            display: none;
        }

        .footer-company.svelte-1myuad8 span:where(.svelte-1myuad8) {
            display: block;
        }
    }

    @media (max-width: 480px) {
        .footer-top.svelte-1myuad8 {
            grid-template-columns: 1fr;
        }
    }

    @media (min-width: 1024px) {
        .landing-footer.svelte-1myuad8 {
            padding: 3.5rem 2.5rem 2rem;
        }
    }

    .hero.svelte-w2271m {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 6rem 1.5rem 2rem;
        background: linear-gradient(135deg, #f0f7f3 0%, #e8f5ee 30%, #fafbfa 100%);
        position: relative;
        overflow: hidden;
    }

    .hero.svelte-w2271m::before {
        content: '';
        position: absolute;
        top: -50%;
        right: -30%;
        width: 80%;
        height: 80%;
        background: radial-gradient(circle, rgba(30, 92, 58, 0.06) 0%, transparent 70%);
        pointer-events: none;
    }

    .hero-inner.svelte-w2271m {
        max-width: 72rem;
        margin: 0 auto;
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 3rem;
        opacity: 0;
        transform: translateY(20px);
        transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .hero-inner.visible.svelte-w2271m {
        opacity: 1;
        transform: translateY(0);
    }

    /* Text */
    .hero-text.svelte-w2271m {
        text-align: center;
        max-width: 36rem;
    }

    .hero-title.svelte-w2271m {
        font-size: clamp(2.2rem, 5vw, 3.5rem);
        font-weight: 700;
        line-height: 1.25;
        letter-spacing: -0.03em;
        color: var(--landing-text, #1A1A1A);
        margin: 0 0 1.5rem;
    }

    .hero-subtitle.svelte-w2271m {
        font-size: 1.1rem;
        color: var(--landing-text-sub, #666666);
        line-height: 1.7;
        margin: 0 0 2rem;
    }

    .hero-buttons.svelte-w2271m {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        align-items: center;
    }

    .hero-cta-primary.svelte-w2271m {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        padding: 0.9rem 2rem;
        background: var(--landing-cta, #FF6B35);
        color: #fff;
        border-radius: 12px;
        font-size: 1.05rem;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.2s;
        box-shadow: 0 4px 14px rgba(255, 107, 53, 0.3);
    }

    .hero-cta-primary.svelte-w2271m:hover {
        background: #e85d2a;
        box-shadow: 0 6px 20px rgba(255, 107, 53, 0.4);
        transform: translateY(-2px);
    }

    .hero-cta-secondary.svelte-w2271m {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        padding: 0.6rem 1.4rem;
        color: var(--landing-text-sub, #666666);
        font-size: 0.95rem;
        font-weight: 500;
        text-decoration: none;
        transition: color 0.2s;
    }

    .hero-cta-secondary.svelte-w2271m:hover {
        color: var(--landing-primary, #1E5C3A);
    }

    /* Phone Mockup */
    .hero-visual.svelte-w2271m {
        flex-shrink: 0;
    }

    .phone-mockup.svelte-w2271m {
        width: 240px;
        height: 480px;
        background: #1a1a1a;
        border-radius: 32px;
        padding: 12px;
        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
    }

    .phone-screen.svelte-w2271m {
        width: 100%;
        height: 100%;
        background: #f0f7f3;
        border-radius: 22px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .phone-placeholder.svelte-w2271m {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.75rem;
        color: var(--landing-text-sub, #666);
        font-size: 0.85rem;
    }

    .phone-placeholder-logo.svelte-w2271m {
        width: 48px;
        height: 48px;
        opacity: 0.5;
    }

    /* Responsive */
    @media (min-width: 640px) {
        .hero-buttons.svelte-w2271m {
            flex-direction: row;
        }
    }

    @media (min-width: 768px) {
        .hero.svelte-w2271m {
            padding: 6rem 2.5rem 2rem;
        }

        .hero-inner.svelte-w2271m {
            flex-direction: row;
            align-items: center;
            gap: 4rem;
        }

        .hero-text.svelte-w2271m {
            text-align: left;
            flex: 1;
        }

        .hero-buttons.svelte-w2271m {
            justify-content: flex-start;
        }

        .phone-mockup.svelte-w2271m {
            width: 280px;
            height: 560px;
        }
    }

    @media (min-width: 1024px) {
        .hero.svelte-w2271m {
            padding: 6rem 3rem 2rem;
        }

        .phone-mockup.svelte-w2271m {
            width: 300px;
            height: 600px;
        }
    }

    .diff-section.svelte-1o582bb {
        padding: 5rem 1.5rem;
        background: var(--landing-bg, #FFFFFF);
    }

    /* Header */
    .diff-header.svelte-1o582bb {
        text-align: center;
        max-width: 42rem;
        margin: 0 auto 4rem;
    }

    .diff-title.svelte-1o582bb {
        font-size: clamp(1.8rem, 4vw, 2.5rem);
        font-weight: 700;
        color: var(--landing-text, #1A1A1A);
        margin: 0 0 1.25rem;
        letter-spacing: -0.02em;
    }

    .diff-subtitle.svelte-1o582bb {
        font-size: 1rem;
        color: var(--landing-text-sub, #666666);
        line-height: 1.8;
    }

    .diff-subtitle.svelte-1o582bb strong:where(.svelte-1o582bb) {
        color: var(--landing-primary, #1E5C3A);
    }

    /* Block */
    .diff-block.svelte-1o582bb {
        max-width: 64rem;
        margin: 0 auto 4rem;
    }

    .block-title.svelte-1o582bb {
        font-size: 1.5rem;
        font-weight: 700;
        color: var(--landing-text, #1A1A1A);
        margin: 0 0 0.75rem;
        text-align: center;
    }

    .block-desc.svelte-1o582bb {
        font-size: 0.95rem;
        color: var(--landing-text-sub, #666666);
        line-height: 1.7;
        text-align: center;
        max-width: 36rem;
        margin: 0 auto 2.5rem;
    }

    /* Flow Steps */
    .flow-steps.svelte-1o582bb {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 3rem;
    }

    .flow-step.svelte-1o582bb {
        background: var(--landing-bg-alt, #F8F9FA);
        border: 1px solid rgba(30, 92, 58, 0.1);
        border-radius: 12px;
        padding: 1rem 1.5rem;
        text-align: center;
        width: 100%;
        max-width: 260px;
    }

    .flow-number.svelte-1o582bb {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: var(--landing-primary, #1E5C3A);
        color: #fff;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 0.8rem;
        font-weight: 700;
        margin-bottom: 0.5rem;
    }

    .flow-title.svelte-1o582bb {
        font-size: 0.9rem;
        font-weight: 600;
        color: var(--landing-text, #1A1A1A);
        margin-bottom: 0.25rem;
    }

    .flow-desc.svelte-1o582bb {
        font-size: 0.78rem;
        color: var(--landing-text-sub, #666666);
    }

    .flow-arrow.svelte-1o582bb {
        color: var(--landing-primary, #1E5C3A);
        opacity: 0.4;
        transform: rotate(90deg);
    }

    /* Challenge Types Grid */
    .types-grid.svelte-1o582bb {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.75rem;
    }

    .type-card.svelte-1o582bb {
        background: var(--landing-bg-alt, #F8F9FA);
        border: 1px solid rgba(30, 92, 58, 0.08);
        border-radius: 12px;
        padding: 1rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 0.3rem;
        transition: all 0.2s;
    }

    .type-card.svelte-1o582bb:hover {
        border-color: rgba(30, 92, 58, 0.2);
        transform: translateY(-2px);
    }

    .type-card.highlight.svelte-1o582bb {
        background: rgba(255, 107, 53, 0.08);
        border-color: rgba(255, 107, 53, 0.3);
    }

    .type-icon.svelte-1o582bb {
        font-size: 1.5rem;
    }

    .type-name.svelte-1o582bb {
        font-size: 0.82rem;
        font-weight: 600;
        color: var(--landing-text, #1A1A1A);
    }

    .type-desc.svelte-1o582bb {
        font-size: 0.72rem;
        color: var(--landing-text-sub, #666666);
    }

    /* Chase Mode Block */
    .chase-block.svelte-1o582bb {
        background: var(--landing-primary, #1E5C3A);
        border-radius: 24px;
        margin: 0 auto 4rem;
        max-width: 64rem;
        overflow: hidden;
    }

    .chase-inner.svelte-1o582bb {
        padding: 3rem 1.5rem;
        color: #fff;
    }

    .chase-title.svelte-1o582bb {
        font-size: clamp(1.5rem, 3.5vw, 2rem);
        font-weight: 700;
        margin: 0 0 1rem;
        text-align: center;
    }

    .chase-desc.svelte-1o582bb {
        font-size: 0.95rem;
        line-height: 1.8;
        color: rgba(255, 255, 255, 0.75);
        text-align: center;
        max-width: 32rem;
        margin: 0 auto 2.5rem;
    }

    /* Role Cards */
    .role-cards.svelte-1o582bb {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
        margin-bottom: 2rem;
    }

    .role-card.svelte-1o582bb {
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.15);
        border-radius: 16px;
        padding: 1.5rem;
    }

    .role-header.svelte-1o582bb {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 0.75rem;
    }

    .role-icon.svelte-1o582bb {
        font-size: 1.3rem;
    }

    .role-name.svelte-1o582bb {
        font-size: 1.05rem;
        font-weight: 600;
    }

    .role-list.svelte-1o582bb {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: 0.4rem;
    }

    .role-list.svelte-1o582bb li:where(.svelte-1o582bb) {
        font-size: 0.85rem;
        color: rgba(255, 255, 255, 0.8);
        line-height: 1.5;
    }

    /* Power-ups */
    .powerups.svelte-1o582bb {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.75rem;
        margin-bottom: 2rem;
    }

    .powerup-card.svelte-1o582bb {
        background: rgba(255, 255, 255, 0.08);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 12px;
        padding: 1rem;
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 0.3rem;
    }

    .powerup-icon.svelte-1o582bb {
        font-size: 1.5rem;
    }

    .powerup-name.svelte-1o582bb {
        font-size: 0.82rem;
        font-weight: 600;
    }

    .powerup-desc.svelte-1o582bb {
        font-size: 0.72rem;
        color: rgba(255, 255, 255, 0.65);
    }

    /* Difficulties */
    .difficulties.svelte-1o582bb {
        margin-bottom: 2rem;
    }

    .difficulties-title.svelte-1o582bb {
        font-size: 1rem;
        font-weight: 600;
        text-align: center;
        margin-bottom: 1rem;
        color: rgba(255, 255, 255, 0.9);
    }

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

    .difficulty-card.svelte-1o582bb {
        background: rgba(255, 255, 255, 0.06);
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 12px;
        padding: 1rem;
        text-align: center;
    }

    .difficulty-dot.svelte-1o582bb {
        width: 10px;
        height: 10px;
        border-radius: 50%;
        display: inline-block;
        margin-bottom: 0.4rem;
    }

    .difficulty-name.svelte-1o582bb {
        font-size: 0.85rem;
        font-weight: 600;
        margin-bottom: 0.2rem;
    }

    .difficulty-desc.svelte-1o582bb {
        font-size: 0.72rem;
        color: rgba(255, 255, 255, 0.6);
        margin-bottom: 0.5rem;
    }

    .difficulty-features.svelte-1o582bb {
        display: flex;
        flex-wrap: wrap;
        gap: 0.3rem;
        justify-content: center;
    }

    .difficulty-features.svelte-1o582bb span:where(.svelte-1o582bb) {
        font-size: 0.65rem;
        padding: 0.15rem 0.4rem;
        border-radius: 4px;
        background: rgba(255, 255, 255, 0.08);
        color: rgba(255, 255, 255, 0.4);
    }

    .difficulty-features.svelte-1o582bb span.enabled:where(.svelte-1o582bb) {
        background: rgba(255, 255, 255, 0.2);
        color: rgba(255, 255, 255, 0.9);
    }

    /* Chase Tags */
    .chase-tags.svelte-1o582bb {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
        justify-content: center;
    }

    .chase-tag.svelte-1o582bb {
        font-size: 0.8rem;
        padding: 0.4rem 0.8rem;
        background: rgba(255, 255, 255, 0.1);
        border-radius: 100px;
        color: rgba(255, 255, 255, 0.85);
    }

    /* Responsive */
    @media (min-width: 768px) {
        .diff-section.svelte-1o582bb {
            padding: 6rem 2.5rem;
        }

        .flow-steps.svelte-1o582bb {
            flex-direction: row;
            justify-content: center;
        }

        .flow-step.svelte-1o582bb {
            width: auto;
            max-width: 160px;
        }

        .flow-arrow.svelte-1o582bb {
            transform: none;
        }

        .role-cards.svelte-1o582bb {
            grid-template-columns: 1fr 1fr;
        }

        .chase-inner.svelte-1o582bb {
            padding: 4rem 3rem;
        }

        .difficulty-grid.svelte-1o582bb {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    @media (min-width: 1024px) {
        .diff-section.svelte-1o582bb {
            padding: 7rem 3rem;
        }

        .types-grid.svelte-1o582bb {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    .features-section.svelte-823ak9 {
        padding: 5rem 1.5rem;
        background: var(--landing-bg-alt, #F8F9FA);
    }

    .features-inner.svelte-823ak9 {
        max-width: 64rem;
        margin: 0 auto;
    }

    .features-title.svelte-823ak9 {
        font-size: clamp(1.8rem, 4vw, 2.5rem);
        font-weight: 700;
        text-align: center;
        color: var(--landing-text, #1A1A1A);
        margin: 0 0 0.75rem;
    }

    .features-subtitle.svelte-823ak9 {
        font-size: 1rem;
        color: var(--landing-text-sub, #666666);
        text-align: center;
        margin: 0 0 3rem;
        line-height: 1.6;
    }

    .features-grid.svelte-823ak9 {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.75rem;
        margin-bottom: 1.5rem;
    }

    .feature-card.svelte-823ak9 {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
        background: #fff;
        border: 1px solid rgba(30, 92, 58, 0.08);
        border-radius: 14px;
        padding: 1.25rem;
        transition: all 0.2s;
    }

    .feature-card.svelte-823ak9:hover {
        border-color: rgba(30, 92, 58, 0.2);
        box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04);
        transform: translateY(-1px);
    }

    .feature-icon.svelte-823ak9 {
        font-size: 1.75rem;
        flex-shrink: 0;
    }

    .feature-info.svelte-823ak9 {
        flex: 1;
    }

    .feature-name.svelte-823ak9 {
        font-size: 1rem;
        font-weight: 600;
        color: var(--landing-text, #1A1A1A);
        margin: 0 0 0.25rem;
    }

    .feature-desc.svelte-823ak9 {
        font-size: 0.85rem;
        color: var(--landing-text-sub, #666666);
        margin: 0;
        line-height: 1.5;
    }

    /* More Toggle */
    .more-section.svelte-823ak9 {
        text-align: center;
    }

    .more-toggle.svelte-823ak9 {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        padding: 0.6rem 1.5rem;
        background: transparent;
        border: 1px solid rgba(30, 92, 58, 0.15);
        border-radius: 100px;
        font-size: 0.9rem;
        font-weight: 500;
        color: var(--landing-primary, #1E5C3A);
        cursor: pointer;
        transition: all 0.2s;
    }

    .more-toggle.svelte-823ak9:hover {
        background: rgba(30, 92, 58, 0.06);
    }

    .more-arrow.svelte-823ak9 {
        transition: transform 0.3s;
    }

    .more-arrow.rotated.svelte-823ak9 {
        transform: rotate(180deg);
    }

    .sub-features.svelte-823ak9 {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.75rem;
        margin-top: 1.5rem;
        animation: svelte-823ak9-fadeIn 0.3s ease;
    }

    .feature-card.sub.svelte-823ak9 {
        background: rgba(255, 255, 255, 0.7);
    }

    @keyframes svelte-823ak9-fadeIn {
        from { opacity: 0; transform: translateY(-8px); }
        to { opacity: 1; transform: translateY(0); }
    }

    @media (min-width: 768px) {
        .features-section.svelte-823ak9 {
            padding: 6rem 2.5rem;
        }

        .features-grid.svelte-823ak9 {
            grid-template-columns: 1fr 1fr;
        }

        .sub-features.svelte-823ak9 {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (min-width: 1024px) {
        .features-section.svelte-823ak9 {
            padding: 7rem 3rem;
        }
    }

    .guide-section.svelte-1ulih4w {
        padding: 5rem 1.5rem;
        background: var(--landing-bg-alt, #F8F9FA);
    }

    .guide-inner.svelte-1ulih4w {
        max-width: 48rem;
        margin: 0 auto;
    }

    .guide-title.svelte-1ulih4w {
        font-size: clamp(1.8rem, 4vw, 2.5rem);
        font-weight: 700;
        text-align: center;
        color: var(--landing-text, #1A1A1A);
        margin: 0 0 3rem;
    }

    /* Accordion */
    .accordion.svelte-1ulih4w {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .accordion-item.svelte-1ulih4w {
        background: #fff;
        border: 1px solid rgba(30, 92, 58, 0.08);
        border-radius: 12px;
        overflow: hidden;
        transition: border-color 0.2s;
    }

    .accordion-item.open.svelte-1ulih4w {
        border-color: rgba(30, 92, 58, 0.2);
    }

    .accordion-header.svelte-1ulih4w {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 1rem 1.25rem;
        background: transparent;
        border: none;
        cursor: pointer;
        text-align: left;
    }

    .accordion-label.svelte-1ulih4w {
        font-size: 0.95rem;
        font-weight: 600;
        color: var(--landing-text, #1A1A1A);
    }

    .accordion-arrow.svelte-1ulih4w {
        color: var(--landing-text-sub, #666666);
        transition: transform 0.3s;
        flex-shrink: 0;
    }

    .accordion-arrow.rotated.svelte-1ulih4w {
        transform: rotate(180deg);
    }

    .accordion-body.svelte-1ulih4w {
        padding: 0 1.25rem 1.25rem;
        animation: svelte-1ulih4w-fadeIn 0.2s ease;
    }

    .accordion-text.svelte-1ulih4w {
        font-size: 0.88rem;
        color: var(--landing-text-sub, #666666);
        line-height: 1.8;
        white-space: pre-wrap;
        font-family: inherit;
        margin: 0;
    }

    /* FAQ */
    .faq-block.svelte-1ulih4w {
        margin-top: 3rem;
    }

    .faq-title.svelte-1ulih4w {
        font-size: 1.3rem;
        font-weight: 700;
        text-align: center;
        color: var(--landing-text, #1A1A1A);
        margin: 0 0 1.5rem;
    }

    /* Guide More Link */
    .guide-more.svelte-1ulih4w {
        text-align: center;
        margin-top: 2rem;
    }

    .guide-more-link.svelte-1ulih4w {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        font-size: 0.95rem;
        font-weight: 600;
        color: var(--landing-primary, #1E5C3A);
        text-decoration: none;
        transition: opacity 0.2s;
    }

    .guide-more-link.svelte-1ulih4w:hover {
        opacity: 0.7;
    }

    @keyframes svelte-1ulih4w-fadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    @media (min-width: 768px) {
        .guide-section.svelte-1ulih4w {
            padding: 6rem 2.5rem;
        }
    }

    .pricing-section.svelte-1in3um {
        padding: 5rem 1.5rem;
        background: var(--landing-bg, #FFFFFF);
    }

    .pricing-inner.svelte-1in3um {
        max-width: 72rem;
        margin: 0 auto;
    }

    .pricing-title.svelte-1in3um {
        font-size: clamp(1.8rem, 4vw, 2.5rem);
        font-weight: 700;
        text-align: center;
        color: var(--landing-text, #1A1A1A);
        margin: 0 0 0.75rem;
    }

    .pricing-subtitle.svelte-1in3um {
        font-size: 1rem;
        color: var(--landing-text-sub, #666666);
        text-align: center;
        margin: 0 0 3rem;
    }

    /* Plans Grid */
    .plans-grid.svelte-1in3um {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
        margin-bottom: 3rem;
    }

    .plan-card.svelte-1in3um {
        background: #fff;
        border: 1px solid rgba(30, 92, 58, 0.1);
        border-radius: 18px;
        padding: 2rem 1.5rem;
        text-align: center;
        position: relative;
        transition: all 0.2s;
    }

    .plan-card.svelte-1in3um:hover {
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    }

    .plan-card.recommended.svelte-1in3um {
        border-color: var(--landing-primary, #1E5C3A);
        border-width: 2px;
        box-shadow: 0 8px 30px rgba(30, 92, 58, 0.12);
    }

    .plan-badge.svelte-1in3um {
        position: absolute;
        top: -12px;
        left: 50%;
        transform: translateX(-50%);
        background: var(--landing-primary, #1E5C3A);
        color: #fff;
        font-size: 0.75rem;
        font-weight: 700;
        padding: 0.3rem 1rem;
        border-radius: 100px;
    }

    .plan-badge.upcoming-badge.svelte-1in3um {
        background: var(--landing-text-sub, #666666);
    }

    .plan-card.upcoming.svelte-1in3um {
        opacity: 0.6;
    }

    .plan-icon.svelte-1in3um {
        font-size: 1.75rem;
        margin-bottom: 0.5rem;
    }

    .plan-name.svelte-1in3um {
        font-size: 1.1rem;
        font-weight: 700;
        color: var(--landing-text, #1A1A1A);
        margin-bottom: 0.5rem;
    }

    .plan-price.svelte-1in3um {
        margin-bottom: 0.25rem;
    }

    .price-amount.svelte-1in3um {
        font-size: 1.75rem;
        font-weight: 700;
        color: var(--landing-text, #1A1A1A);
    }

    .price-period.svelte-1in3um {
        font-size: 0.85rem;
        color: var(--landing-text-sub, #666666);
    }

    .plan-credits.svelte-1in3um {
        font-size: 0.85rem;
        color: var(--landing-primary, #1E5C3A);
        font-weight: 600;
        margin-bottom: 0.25rem;
    }

    .plan-trial.svelte-1in3um {
        font-size: 0.78rem;
        color: var(--landing-cta, #FF6B35);
        font-weight: 500;
    }

    .plan-divider.svelte-1in3um {
        height: 1px;
        background: rgba(30, 92, 58, 0.08);
        margin: 1rem 0;
    }

    .plan-features.svelte-1in3um {
        list-style: none;
        padding: 0;
        margin: 0 0 1.5rem;
        text-align: left;
    }

    .plan-features.svelte-1in3um li:where(.svelte-1in3um) {
        font-size: 0.85rem;
        color: var(--landing-text, #1A1A1A);
        padding: 0.3rem 0;
        padding-left: 1.2rem;
        position: relative;
    }

    .plan-features.svelte-1in3um li:where(.svelte-1in3um)::before {
        content: '\2713';
        position: absolute;
        left: 0;
        color: var(--landing-primary, #1E5C3A);
        font-weight: 700;
    }

    .plan-features.svelte-1in3um li.extra:where(.svelte-1in3um) {
        color: var(--landing-text-sub, #666666);
    }

    .plan-features.svelte-1in3um li.extra:where(.svelte-1in3um)::before {
        content: '\2022';
        color: var(--landing-text-sub, #666666);
    }

    .plan-cta.svelte-1in3um {
        display: block;
        width: 100%;
        padding: 0.7rem;
        border-radius: 10px;
        font-size: 0.9rem;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        border: 1px solid rgba(30, 92, 58, 0.2);
        background: transparent;
        color: var(--landing-primary, #1E5C3A);
    }

    .plan-cta.svelte-1in3um:hover {
        background: rgba(30, 92, 58, 0.06);
    }

    .plan-cta.primary.svelte-1in3um {
        background: var(--landing-primary, #1E5C3A);
        color: #fff;
        border-color: transparent;
    }

    .plan-cta.primary.svelte-1in3um:hover {
        background: #174d30;
    }

    /* Credit Box */
    .credit-box.svelte-1in3um {
        background: var(--landing-bg-alt, #F8F9FA);
        border-radius: 14px;
        padding: 1.5rem;
        text-align: center;
        margin-bottom: 1.5rem;
    }

    .credit-title.svelte-1in3um {
        font-size: 1rem;
        font-weight: 700;
        color: var(--landing-primary, #1E5C3A);
        margin-bottom: 0.5rem;
    }

    .credit-desc.svelte-1in3um {
        font-size: 0.88rem;
        color: var(--landing-text-sub, #666666);
        line-height: 1.7;
        margin: 0;
    }

    /* Credit Purchase */
    .credit-purchase-wrap.svelte-1in3um {
        text-align: center;
    }

    .credit-toggle.svelte-1in3um {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
        padding: 0.5rem 1.2rem;
        background: transparent;
        border: 1px solid rgba(30, 92, 58, 0.12);
        border-radius: 100px;
        font-size: 0.85rem;
        font-weight: 500;
        color: var(--landing-text-sub, #666666);
        cursor: pointer;
        transition: all 0.2s;
    }

    .credit-toggle.svelte-1in3um:hover {
        color: var(--landing-primary, #1E5C3A);
    }

    .credit-arrow.svelte-1in3um {
        transition: transform 0.3s;
    }

    .credit-arrow.rotated.svelte-1in3um {
        transform: rotate(180deg);
    }

    .credit-details.svelte-1in3um {
        margin-top: 2rem;
        animation: svelte-1in3um-fadeIn 0.3s ease;
    }

    .credit-subtitle.svelte-1in3um {
        font-size: 1rem;
        font-weight: 600;
        color: var(--landing-text, #1A1A1A);
        margin: 0 0 1rem;
    }

    .package-grid.svelte-1in3um {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.75rem;
        margin-bottom: 2rem;
    }

    .package-card.svelte-1in3um {
        background: var(--landing-bg-alt, #F8F9FA);
        border-radius: 12px;
        padding: 1rem;
        text-align: center;
    }

    .package-name.svelte-1in3um {
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--landing-text, #1A1A1A);
    }

    .package-bonus.svelte-1in3um {
        font-size: 0.75rem;
        color: var(--landing-cta, #FF6B35);
        font-weight: 500;
    }

    .package-price.svelte-1in3um {
        font-size: 0.95rem;
        font-weight: 700;
        color: var(--landing-primary, #1E5C3A);
        margin-top: 0.25rem;
    }

    .ai-table-wrap.svelte-1in3um {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .ai-table.svelte-1in3um {
        width: 100%;
        border-collapse: collapse;
        font-size: 0.8rem;
        min-width: 500px;
    }

    .ai-table.svelte-1in3um th:where(.svelte-1in3um),
    .ai-table.svelte-1in3um td:where(.svelte-1in3um) {
        padding: 0.6rem 0.4rem;
        text-align: center;
        border-bottom: 1px solid rgba(30, 92, 58, 0.06);
    }

    .ai-table.svelte-1in3um th:where(.svelte-1in3um) {
        background: var(--landing-bg-alt, #F8F9FA);
        font-weight: 600;
        color: var(--landing-text-sub, #666666);
    }

    .ai-table.svelte-1in3um td:where(.svelte-1in3um):first-child {
        text-align: left;
        font-weight: 500;
    }

    @keyframes svelte-1in3um-fadeIn {
        from { opacity: 0; transform: translateY(-8px); }
        to { opacity: 1; transform: translateY(0); }
    }

    @media (min-width: 768px) {
        .pricing-section.svelte-1in3um {
            padding: 6rem 2.5rem;
        }

        .plans-grid.svelte-1in3um {
            grid-template-columns: repeat(2, 1fr);
        }

        .package-grid.svelte-1in3um {
            grid-template-columns: repeat(4, 1fr);
        }
    }

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

    .home-page.svelte-1a79wy2 {
        width: 100%;
    }

    .guide-page.svelte-1kcikxx {
        --jade-primary: #356859;
        --jade-dark: #003d32;
        --jade-medium: #7db39a;
        --jade-light: #b8e6d4;
        --jade-pale: #e8f0eb;
        --gold: #f9aa33;
        --gold-pale: #faf6eb;
        --surface: #fafaf8;
        --text: #1a2e22;
        --text-sub: #5a7a62;
        --border: #e5e7e5;
    }

    /* === Hero === */
    .guide-hero.svelte-1kcikxx {
        padding: 10rem 1.5rem 2.5rem;
        text-align: center;
        background: var(--surface);
        border-bottom: 1px solid var(--border);
    }

    .guide-hero-content.svelte-1kcikxx {
        max-width: 40rem;
        margin: 0 auto;
    }

    .guide-hero-badge.svelte-1kcikxx {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        font-size: 0.76rem;
        font-weight: 500;
        color: var(--text-sub);
        border: 1px solid var(--border);
        padding: 0.3rem 0.9rem;
        border-radius: 100px;
        margin-bottom: 1.5rem;
    }

    .guide-hero-title.svelte-1kcikxx {
        font-size: 2.5rem;
        font-weight: 600;
        color: var(--text);
        letter-spacing: -0.03em;
        margin-bottom: 0.5rem;
    }

    .guide-hero-subtitle.svelte-1kcikxx {
        font-size: 1rem;
        color: var(--text-sub);
    }

    /* Language Switcher */
    .lang-switcher.svelte-1kcikxx {
        display: flex;
        gap: 0.35rem;
        justify-content: center;
        margin-bottom: 1.5rem;
    }

    .lang-btn.svelte-1kcikxx {
        padding: 0.35rem 1rem;
        border-radius: 6px;
        border: 1px solid var(--border);
        background: #fff;
        color: var(--text-sub);
        font-weight: 500;
        font-size: 0.82rem;
        cursor: pointer;
        transition: all 0.2s;
    }

    .lang-btn.svelte-1kcikxx:hover {
        border-color: var(--jade-medium);
        color: var(--text);
    }

    .lang-btn.active.svelte-1kcikxx {
        background: var(--jade-dark);
        border-color: var(--jade-dark);
        color: #fff;
    }

    /* === TOC === */
    .guide-toc.svelte-1kcikxx {
        max-width: 56rem;
        margin: 0 auto;
        padding: 1.5rem 1.5rem;
    }

    .toc-grid.svelte-1kcikxx {
        display: flex;
        flex-wrap: wrap;
        gap: 0.4rem;
    }

    .toc-item.svelte-1kcikxx {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
        padding: 0.4rem 0.9rem;
        border-radius: 6px;
        border: 1px solid var(--border);
        background: #fff;
        color: var(--text-sub);
        font-size: 0.82rem;
        font-weight: 450;
        cursor: pointer;
        transition: all 0.2s;
    }

    .toc-item.svelte-1kcikxx:hover {
        border-color: var(--jade-medium);
        color: var(--text);
    }

    .toc-num.svelte-1kcikxx {
        font-size: 0.72rem;
        font-weight: 600;
        color: var(--jade-medium);
    }

    /* === Content === */
    .guide-content.svelte-1kcikxx {
        max-width: 56rem;
        margin: 0 auto;
        padding: 0 1.5rem 3rem;
    }

    .guide-section.svelte-1kcikxx {
        margin-bottom: 2.5rem;
        scroll-margin-top: 5rem;
    }

    .section-title.svelte-1kcikxx {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        font-size: 1.5rem;
        font-weight: 600;
        color: var(--text);
        margin-bottom: 1rem;
        padding-bottom: 0.6rem;
        border-bottom: 1px solid var(--border);
        letter-spacing: -0.02em;
    }

    .section-num.svelte-1kcikxx {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 2rem;
        height: 2rem;
        background: var(--jade-dark);
        color: #fff;
        border-radius: 6px;
        font-size: 0.85rem;
        font-weight: 600;
        flex-shrink: 0;
    }

    .subsection-title.svelte-1kcikxx {
        font-size: 1.15rem;
        font-weight: 600;
        color: var(--jade-primary);
        margin: 1.5rem 0 0.6rem;
    }

    .subsection-title-sm.svelte-1kcikxx {
        font-size: 1rem;
        font-weight: 600;
        color: var(--text);
        margin: 1.25rem 0 0.6rem;
    }

    .guide-text.svelte-1kcikxx {
        font-size: 0.95rem;
        color: var(--text-sub);
        line-height: 1.7;
        margin-bottom: 0.75rem;
    }

    /* === Steps === */
    .steps-list.svelte-1kcikxx {
        counter-reset: step;
        list-style: none;
        padding: 0;
        margin: 0.75rem 0;
    }

    .steps-list.svelte-1kcikxx li:where(.svelte-1kcikxx) {
        counter-increment: step;
        position: relative;
        padding: 0.7rem 0.75rem 0.7rem 3rem;
        margin-bottom: 0.4rem;
        background: #fff;
        border-radius: 8px;
        border: 1px solid var(--border);
        font-size: 0.9rem;
        color: var(--text);
        line-height: 1.6;
    }

    .steps-list.svelte-1kcikxx li:where(.svelte-1kcikxx)::before {
        content: counter(step);
        position: absolute;
        left: 0.75rem;
        top: 50%;
        transform: translateY(-50%);
        width: 1.6rem;
        height: 1.6rem;
        background: var(--jade-pale);
        color: var(--jade-primary);
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 0.78rem;
    }

    /* === Cards === */
    .card-grid.svelte-1kcikxx {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
        gap: 0.75rem;
        margin: 0.75rem 0;
    }

    .card-grid.cols-2.svelte-1kcikxx {
        grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    }

    .card-grid.cols-3.svelte-1kcikxx {
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    }

    .guide-card.svelte-1kcikxx {
        background: #fff;
        padding: 1.25rem;
        border-radius: 10px;
        border: 1px solid var(--border);
        transition: all 0.2s;
    }

    .guide-card.svelte-1kcikxx:hover {
        border-color: var(--jade-medium);
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
    }

    .guide-card.compact.svelte-1kcikxx {
        padding: 1rem;
    }

    .card-title.svelte-1kcikxx {
        font-size: 0.95rem;
        color: var(--text);
        margin-bottom: 0.35rem;
        font-weight: 600;
    }

    .card-desc.svelte-1kcikxx {
        font-size: 0.85rem;
        color: var(--text-sub);
        line-height: 1.6;
    }

    .card-list.svelte-1kcikxx {
        list-style: none;
        padding: 0;
        margin: 0.25rem 0 0;
    }

    .card-list.svelte-1kcikxx li:where(.svelte-1kcikxx) {
        padding: 0.2rem 0 0.2rem 1.2rem;
        position: relative;
        font-size: 0.85rem;
        color: var(--text-sub);
        line-height: 1.5;
    }

    .card-list.svelte-1kcikxx li:where(.svelte-1kcikxx)::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0.6rem;
        width: 5px;
        height: 5px;
        background: var(--jade-medium);
        border-radius: 50%;
    }

    /* === Tab Preview === */
    .tab-preview.svelte-1kcikxx {
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 0.5rem;
        margin: 0.75rem 0;
    }

    .tab-item.svelte-1kcikxx {
        background: #fff;
        border: 1px solid var(--border);
        border-radius: 8px;
        padding: 0.65rem 0.5rem;
        text-align: center;
        transition: all 0.2s;
    }

    .tab-item.svelte-1kcikxx:hover {
        border-color: var(--jade-medium);
    }

    .tab-label.svelte-1kcikxx {
        font-size: 0.78rem;
        font-weight: 500;
        color: var(--text);
    }

    /* === Boxes === */
    .tip-box.svelte-1kcikxx,
    .warning-box.svelte-1kcikxx,
    .info-box.svelte-1kcikxx {
        display: flex;
        align-items: flex-start;
        gap: 0.6rem;
        padding: 0.75rem 1rem;
        border-radius: 8px;
        margin: 0.75rem 0;
        font-size: 0.85rem;
        line-height: 1.6;
    }

    .box-icon.svelte-1kcikxx {
        flex-shrink: 0;
        margin-top: 0.15rem;
    }

    .tip-box.svelte-1kcikxx {
        background: var(--jade-pale);
        border-left: 3px solid var(--jade-primary);
        color: var(--jade-dark);
    }

    .warning-box.svelte-1kcikxx {
        background: var(--gold-pale);
        border-left: 3px solid var(--gold);
        color: #7a5a00;
    }

    .info-box.svelte-1kcikxx {
        background: #eef4ff;
        border-left: 3px solid #5b8dd9;
        color: #2a4a7f;
    }

    /* === FAQ === */
    .faq-list.svelte-1kcikxx {
        display: flex;
        flex-direction: column;
        gap: 0.4rem;
    }

    .faq-item.svelte-1kcikxx {
        border: 1px solid var(--border);
        border-radius: 8px;
        overflow: hidden;
        transition: all 0.2s;
    }

    .faq-item.open.svelte-1kcikxx {
        border-color: var(--jade-medium);
    }

    .faq-question.svelte-1kcikxx {
        width: 100%;
        background: #fff;
        padding: 0.75rem 1rem;
        font-weight: 500;
        color: var(--text);
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        transition: background 0.2s;
        border: none;
        text-align: left;
        font-size: 0.9rem;
    }

    .faq-question.svelte-1kcikxx:hover {
        background: var(--jade-pale);
    }

    .faq-chevron.svelte-1kcikxx {
        color: var(--text-sub);
        transition: transform 0.3s;
        flex-shrink: 0;
    }

    .faq-item.open.svelte-1kcikxx .faq-chevron:where(.svelte-1kcikxx) {
        transform: rotate(180deg);
    }

    .faq-answer.svelte-1kcikxx {
        padding: 0.75rem 1rem;
        border-top: 1px solid var(--border);
        animation: svelte-1kcikxx-fadeIn 0.25s ease;
    }

    .faq-answer.svelte-1kcikxx p:where(.svelte-1kcikxx) {
        font-size: 0.88rem;
        color: var(--text-sub);
        line-height: 1.7;
    }

    @keyframes svelte-1kcikxx-fadeIn {
        from {
            opacity: 0;
            transform: translateY(-4px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    /* === CTA === */
    .guide-cta.svelte-1kcikxx {
        margin-top: 1.5rem;
        padding: 2.5rem 2rem;
        background: linear-gradient(135deg, var(--jade-dark), #2d4a36);
        border-radius: 14px;
        text-align: center;
        color: #fff;
    }

    .cta-title.svelte-1kcikxx {
        font-size: 1.5rem;
        font-weight: 600;
        margin-bottom: 0.4rem;
        letter-spacing: -0.02em;
    }

    .cta-text.svelte-1kcikxx {
        color: rgba(255, 255, 255, 0.55);
        font-size: 0.9rem;
        margin-bottom: 1.5rem;
    }

    .cta-badges.svelte-1kcikxx {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0.6rem;
        align-items: center;
    }

    .cta-badge-link.svelte-1kcikxx {
        display: flex;
        align-items: center;
        transition: transform 0.2s;
    }

    .cta-badge-link.svelte-1kcikxx:hover {
        transform: scale(1.04);
    }

    .cta-badge.svelte-1kcikxx {
        height: 3.5rem;
        object-fit: contain;
    }

    /* 구글 플레이 PNG 내부 투명 여백 보정 */
    .cta-badge.gplay.svelte-1kcikxx {
        height: 4.2rem;
        margin: -0.35rem 0;
    }

    /* === Responsive === */
    @media (max-width: 768px) {
        .guide-hero.svelte-1kcikxx {
            padding: 10rem 1rem 2rem;
        }
        .guide-hero-title.svelte-1kcikxx {
            font-size: 2rem;
        }
        .section-title.svelte-1kcikxx {
            font-size: 1.25rem;
        }
        .tab-preview.svelte-1kcikxx {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width: 480px) {
        .tab-preview.svelte-1kcikxx {
            grid-template-columns: repeat(2, 1fr);
        }
        .card-grid.svelte-1kcikxx {
            grid-template-columns: 1fr;
        }
        .card-grid.cols-2.svelte-1kcikxx,
        .card-grid.cols-3.svelte-1kcikxx {
            grid-template-columns: 1fr;
        }
        .toc-grid.svelte-1kcikxx {
            gap: 0.3rem;
        }
    }

    @media (min-width: 1024px) {
        .guide-hero.svelte-1kcikxx {
            padding: 14rem 2.5rem 2.5rem;
        }
    }

    .landing-app.svelte-jhr1z {
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        font-family: 'Instrument Sans', 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;

        /* Landing 전용 브랜드 컬러 (CSO 문서 기준) */
        --landing-primary: #1E5C3A;
        --landing-secondary: #B49B50;
        --landing-cta: #FF6B35;
        --landing-bg: #FFFFFF;
        --landing-bg-alt: #F8F9FA;
        --landing-text: #1A1A1A;
        --landing-text-sub: #666666;
        --landing-error: #D32F2F;
        --landing-dark: #1A1A1A;
    }

    .landing-main.svelte-jhr1z {
        flex: 1;
    }