/* ============================================
   OWANLY FEATURES PAGE - Glassmorphism
   ============================================ */

.features-hero, .feature-section, .final-cta, .footer {
    position: relative;
    z-index: 1;
}

.features-hero {
    background: transparent !important;
    padding: 12rem 2rem 3.5rem;
    text-align: center;
    overflow: hidden;
}

.features-hero-bg { display: none; }

.features-hero-content {
    max-width: 72rem;
    margin: 0 auto;
    padding: 3rem 3.5rem;
    background: rgba(255, 255, 255, 0.055);
    backdrop-filter: blur(var(--blur-md));
    -webkit-backdrop-filter: blur(var(--blur-md));
    border: 1px solid var(--glass-border);
    border-radius: 2.4rem;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.25);
}

.features-hero-title {
    font-family: var(--font-display);
    font-size: clamp(2.2rem, 5vw, 3.6rem);
    font-weight: 800;
    color: var(--white) !important;
    margin-bottom: 0.8rem;
    background: linear-gradient(135deg, #fff 40%, var(--lime) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.features-hero-subtitle {
    font-size: 1rem;
    color: var(--white-60) !important;
    margin-bottom: 2rem;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
}

.hero-buttons { display: flex; justify-content: center; flex-wrap: wrap; gap: 0.8rem; }

/* BUTTON STYLES */
.btn { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.85rem 1.8rem; border-radius: 0.9rem; font-size: 0.95rem; font-weight: 700; text-decoration: none; transition: all 0.25s ease; font-family: var(--font-body); border: 1.5px solid transparent; cursor: pointer; }
.btn-white { background: var(--white); color: var(--emerald-deep); }
.btn-white:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(255,255,255,0.2); }
.btn-outline-white { background: transparent; border-color: rgba(255,255,255,0.3); color: var(--white); }
.btn-outline-white:hover { background: rgba(255,255,255,0.08); border-color: var(--white); }
.btn-primary { background: var(--lime); color: var(--emerald-deep); }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(168,255,107,0.3); }
.btn-secondary { background: rgba(255,255,255,0.1); border-color: var(--glass-border); color: var(--white); }
.btn-secondary:hover { background: rgba(255,255,255,0.15); }
.btn-lime { background: var(--lime); color: var(--emerald-deep); }
.btn-lime:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(168,255,107,0.3); }
.btn-large { padding: 0.95rem 2rem; }
.btn-xlarge { padding: 1.1rem 2.4rem; font-size: 1.05rem; }

/* SECTION CONTAINER */
.section-container { max-width: 110rem; margin: 0 auto; padding: 0 3rem; }

/* FEATURE SECTIONS */
.feature-section { background: transparent !important; padding: 4rem 0; }
.feature-section-alt { background: rgba(255,255,255,0.02) !important; }
.feature-section-dark { background: rgba(168,255,107,0.03) !important; border-top: 1px solid var(--glass-border); border-bottom: 1px solid var(--glass-border); }

.feature-split { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; }
.feature-split-reverse { direction: rtl; }
.feature-split-reverse > * { direction: ltr; }

.feature-centered { text-align: center; margin-bottom: 3rem; }

.feature-badge { display: inline-block; background: rgba(168,255,107,0.12); color: var(--lime) !important; padding: 0.35rem 0.9rem; border-radius: 100px; font-size: 0.7rem; font-weight: 700; letter-spacing: 0.12em; margin-bottom: 1rem; border: 1px solid rgba(168,255,107,0.2); }

.feature-title { font-family: var(--font-display); font-size: clamp(1.6rem, 3.5vw, 2.4rem); font-weight: 800; color: var(--white); margin-bottom: 0.8rem; }
.feature-title-light { color: var(--white) !important; }

.feature-lead { font-size: 1rem; color: var(--white-60); max-width: 540px; margin: 0 auto; line-height: 1.6; }
.feature-lead-light { color: var(--white-60) !important; }
.feature-text { font-size: 0.95rem; color: var(--white-90); line-height: 1.7; margin-bottom: 1rem; }

/* PHONE MOCK */
.feature-phone { display: flex; justify-content: center; }

.phone-frame { width: 260px; background: rgba(255,255,255,0.07); border: 1px solid var(--glass-border); border-radius: 2.5rem; padding: 1.5rem; box-shadow: 0 20px 60px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.1); }

.phone-screen { background: rgba(0,0,0,0.4); border-radius: 1.5rem; padding: 1.5rem; border: 1px solid rgba(255,255,255,0.06); }

.phone-header { display: flex; justify-content: space-between; margin-bottom: 1.2rem; }
.phone-category { font-size: 0.75rem; font-weight: 700; color: var(--lime); background: rgba(168,255,107,0.15); padding: 0.25rem 0.7rem; border-radius: 100px; }
.phone-progress { font-size: 0.75rem; color: var(--white-60); font-weight: 600; }

.word-display { text-align: center; margin: 1.5rem 0; }
.word-owan-large { display: block; font-family: var(--font-display); font-size: 2rem; font-weight: 800; color: var(--white); margin-bottom: 0.4rem; }
.word-english-large { display: block; font-size: 1rem; color: var(--white-60); font-weight: 500; }

.audio-btn-large { display: flex; align-items: center; justify-content: center; gap: 0.5rem; width: 100%; padding: 0.7rem; background: var(--lime); color: var(--emerald-deep); border: none; border-radius: 0.8rem; font-size: 0.9rem; font-weight: 700; cursor: pointer; margin-bottom: 1rem; font-family: var(--font-body); }
.audio-btn-small { width: 32px; height: 32px; background: rgba(168,255,107,0.15); color: var(--lime); border: none; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; }

.phone-nav-btns { display: flex; gap: 0.5rem; }
.prev-btn, .next-btn { padding: 0.5rem 0.8rem; background: rgba(255,255,255,0.08); border: 1px solid var(--glass-border); border-radius: 0.6rem; color: var(--white-60); font-size: 0.8rem; cursor: pointer; display: flex; align-items: center; gap: 0.3rem; font-family: var(--font-body); font-weight: 600; }
.next-btn { flex: 1; justify-content: center; color: var(--lime); }

.phone-greetings { min-height: 260px; }

.greeting-card-display { background: rgba(168,255,107,0.08); border: 1px solid rgba(168,255,107,0.2); border-radius: 1rem; padding: 1.3rem; margin-bottom: 0.8rem; text-align: center; }
.greeting-card-display.greeting-secondary { background: rgba(255,255,255,0.06); border-color: var(--glass-border); display: flex; align-items: center; justify-content: space-between; text-align: left; }
.greeting-label { display: block; font-size: 0.72rem; color: var(--white-40); margin-bottom: 0.4rem; font-weight: 600; }
.greeting-word { display: block; font-family: var(--font-display); font-size: 1.6rem; font-weight: 800; color: var(--lime); margin-bottom: 0.8rem; }
.greeting-secondary .greeting-word { font-size: 1.1rem; margin-bottom: 0; }

/* FEATURE CONTENT */
.category-tags { display: flex; flex-wrap: wrap; gap: 0.5rem; margin: 1.2rem 0; }
.cat-tag { padding: 0.35rem 0.85rem; background: rgba(255,255,255,0.08); border: 1px solid var(--glass-border); border-radius: 100px; font-size: 0.8rem; font-weight: 600; color: var(--white-60); }

.feature-checks { list-style: none; padding: 0; margin: 1.2rem 0 0; display: flex; flex-direction: column; gap: 0.6rem; }
.feature-checks li { display: flex; align-items: center; gap: 0.6rem; font-size: 0.92rem; color: var(--white-90); font-weight: 500; }
.feature-checks i { color: var(--lime); font-size: 1.1rem; flex-shrink: 0; }

/* ALPHABET SHOWCASE */
.alphabet-showcase { display: flex; flex-direction: column; gap: 0.8rem; margin-bottom: 2.5rem; }
.alphabet-row { display: flex; justify-content: center; gap: 0.8rem; flex-wrap: wrap; }

.letter-card { background: rgba(255,255,255,0.07); border: 1px solid var(--glass-border); border-radius: 1.2rem; padding: 1rem; text-align: center; min-width: 90px; transition: all 0.25s ease; }
.letter-card:hover { border-color: var(--lime); background: rgba(168,255,107,0.08); transform: translateY(-2px); }
.letter-card.letter-digraph { background: rgba(168,255,107,0.06); border-color: rgba(168,255,107,0.2); }

.letter-char { display: block; font-family: var(--font-display); font-size: 1.8rem; font-weight: 800; color: var(--white); margin-bottom: 0.3rem; }
.letter-play { width: 28px; height: 28px; background: rgba(168,255,107,0.15); color: var(--lime); border: none; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; margin: 0.3rem auto; font-size: 0.7rem; }
.letter-type { display: block; font-size: 0.7rem; color: var(--white-40); font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; }

.alphabet-breakdown { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 1rem; }
.breakdown-item { background: rgba(255,255,255,0.06); border: 1px solid var(--glass-border); border-radius: 1rem; padding: 1.2rem; text-align: center; }
.breakdown-count { display: block; font-family: var(--font-display); font-size: 2rem; font-weight: 800; color: var(--lime); line-height: 1; }
.breakdown-label { display: block; font-size: 0.85rem; font-weight: 700; color: var(--white); margin: 0.3rem 0; }
.breakdown-list { display: block; font-size: 0.78rem; color: var(--white-40); }

.alphabet-note { margin-top: 1.5rem; padding: 0.9rem 1.1rem; background: rgba(255,255,255,0.05); border: 1px solid var(--glass-border); border-radius: 0.8rem; font-size: 0.87rem; color: var(--white-60); display: flex; align-items: center; gap: 0.5rem; }
.alphabet-note i { color: var(--lime); flex-shrink: 0; }

/* GREETINGS LIST */
.greetings-list { display: flex; flex-direction: column; gap: 0; background: rgba(255,255,255,0.05); border: 1px solid var(--glass-border); border-radius: 1.2rem; overflow: hidden; margin-top: 1.2rem; }
.greeting-item { display: flex; align-items: center; gap: 0.8rem; padding: 0.8rem 1.2rem; border-bottom: 1px solid var(--glass-border); transition: background 0.2s; }
.greeting-item:last-child { border-bottom: none; }
.greeting-item:hover { background: rgba(255,255,255,0.05); }
.greeting-owan { font-family: var(--font-display); font-size: 1rem; font-weight: 700; color: var(--lime); min-width: 100px; }
.greeting-dots { flex: 1; height: 1px; background: var(--glass-border); margin: 0 0.5rem; }
.greeting-english { font-size: 0.9rem; color: var(--white-60); font-weight: 500; }

/* NAME ORACLE */
.oracle-icon { font-size: 3rem; display: block; margin-bottom: 1rem; text-align: center; }
.name-search-demo { max-width: 480px; margin: 0 auto 2rem; }
.search-box-demo { display: flex; align-items: center; gap: 0.8rem; padding: 1rem 1.4rem; background: rgba(255,255,255,0.08); border: 1px solid var(--glass-border); border-radius: 100px; }
.search-box-demo i { color: var(--white-40); }
.search-box-demo input { flex: 1; background: none; border: none; outline: none; color: var(--white-60); font-size: 0.95rem; font-family: var(--font-body); }
.search-btn-demo { padding: 0.5rem 1rem; background: var(--lime); color: var(--emerald-deep); border: none; border-radius: 100px; font-size: 0.85rem; font-weight: 700; cursor: pointer; font-family: var(--font-body); }

.name-cards-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 2rem; }
.name-card-feature { background: rgba(255,255,255,0.07); border: 1px solid var(--glass-border); border-radius: 1.2rem; padding: 1.3rem; text-align: center; transition: all 0.25s ease; }
.name-card-feature:hover { border-color: rgba(168,255,107,0.3); background: rgba(168,255,107,0.06); transform: translateY(-2px); }
.name-card-feature h4 { font-family: var(--font-display); font-size: 1.3rem; font-weight: 800; color: var(--lime); margin-bottom: 0.3rem; }
.name-card-feature p { font-size: 0.85rem; color: var(--white-60); font-style: italic; margin: 0; }

.oracle-uses { margin: 1.5rem auto 2rem; text-align: center; }
.oracle-uses-title { font-size: 0.85rem; color: var(--white-40); font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 0.8rem; }
.oracle-uses-list { display: flex; justify-content: center; flex-wrap: wrap; gap: 0.6rem; }
.oracle-uses-list span { display: flex; align-items: center; gap: 0.4rem; font-size: 0.88rem; color: var(--white-60); padding: 0.4rem 0.9rem; background: rgba(255,255,255,0.06); border: 1px solid var(--glass-border); border-radius: 100px; }
.oracle-uses-list i { color: var(--lime); }

/* GAMES GRID */
.games-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 1rem; }
.game-card { background: rgba(255,255,255,0.07); border: 1px solid var(--glass-border); border-radius: 1.4rem; padding: 1.8rem 1.5rem; text-align: center; transition: all 0.3s ease; cursor: default; }
.game-card:hover { transform: translateY(-4px); background: rgba(255,255,255,0.11); border-color: rgba(168,255,107,0.3); box-shadow: 0 12px 32px rgba(0,0,0,0.2); }
.game-icon { font-size: 2.4rem; margin-bottom: 0.9rem; display: block; }
.game-card h3 { font-family: var(--font-display); font-size: 1.1rem; font-weight: 700; color: var(--white); margin-bottom: 0.5rem; }
.game-card p { font-size: 0.88rem; color: var(--white-60); line-height: 1.5; margin: 0; }

/* VILLAGE */
.village-progression { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 2rem; }
.village-stage { display: flex; flex-direction: column; align-items: center; gap: 0.4rem; padding: 1rem; background: rgba(255,255,255,0.06); border: 1px solid var(--glass-border); border-radius: 1rem; min-width: 80px; transition: all 0.25s ease; }
.village-stage:hover { border-color: rgba(168,255,107,0.3); background: rgba(168,255,107,0.06); }
.village-stage.village-final { border-color: rgba(168,255,107,0.4); background: rgba(168,255,107,0.08); }
.village-emoji { font-size: 2rem; }
.village-name { font-size: 0.72rem; font-weight: 700; color: var(--white-60); text-align: center; }
.village-final .village-name { color: var(--lime); }
.village-arrow { color: var(--lime); font-size: 0.9rem; opacity: 0.6; }
.village-info { max-width: 480px; margin: 0 auto; text-align: center; }
.village-features { list-style: none; padding: 0; margin: 0 0 1.2rem; display: flex; flex-direction: column; gap: 0.5rem; }
.village-features li { display: flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; color: var(--white-90); justify-content: center; }
.village-features i { color: var(--lime); flex-shrink: 0; }
.village-tagline { font-size: 0.88rem; color: var(--white-40); font-style: italic; margin: 0; }

/* REWARDS */
.rewards-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin-bottom: 2rem; }
.reward-card { background: rgba(255,255,255,0.06); border: 1px solid var(--glass-border); border-radius: 1.4rem; overflow: hidden; }
.reward-header { padding: 1.3rem; background: rgba(168,255,107,0.06); border-bottom: 1px solid var(--glass-border); display: flex; align-items: center; gap: 0.8rem; }
.reward-icon { font-size: 1.8rem; }
.reward-header h3 { font-family: var(--font-display); font-size: 1.2rem; font-weight: 700; color: var(--white); margin: 0; }
.reward-body { padding: 1.3rem; }
.reward-subtitle { font-size: 0.78rem; font-weight: 700; color: var(--lime); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 0.6rem; }
.reward-body ul { list-style: none; padding: 0; margin: 0 0 1rem; }
.reward-body ul li { padding: 0.35rem 0 0.35rem 1rem; font-size: 0.88rem; color: var(--white-90); border-bottom: 1px solid var(--glass-border); position: relative; }
.reward-body ul li:last-child { border-bottom: none; }
.reward-body ul li::before { content: '•'; position: absolute; left: 0; color: var(--lime); }
.reward-note { font-size: 0.8rem; color: var(--white-40); font-style: italic; margin-bottom: 0.8rem; }
.rank-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.3rem; }
.rank-list li { display: flex; align-items: center; gap: 0.6rem; font-size: 0.88rem; color: var(--white-90); padding: 0.4rem 0; border-bottom: 1px solid var(--glass-border); }
.rank-list li:last-child { border-bottom: none; }
.rank-num { width: 22px; height: 22px; background: var(--lime); color: var(--emerald-deep); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.72rem; font-weight: 800; flex-shrink: 0; }
.leaderboard-preview { background: rgba(255,255,255,0.06); border: 1px solid var(--glass-border); border-radius: 1.4rem; padding: 1.5rem; }
.leaderboard-preview h3 { font-family: var(--font-display); font-size: 1.1rem; font-weight: 700; color: var(--lime); margin-bottom: 0.3rem; display: flex; align-items: center; gap: 0.5rem; }
.leaderboard-subtitle { font-size: 0.82rem; color: var(--white-40); margin-bottom: 1.2rem; }
.leaderboard-list { display: flex; flex-direction: column; gap: 0.5rem; }
.leaderboard-item { display: flex; align-items: center; gap: 0.8rem; padding: 0.7rem 1rem; background: rgba(255,255,255,0.05); border-radius: 0.8rem; border: 1px solid var(--glass-border); }
.lb-rank { font-size: 1.2rem; }
.lb-name { flex: 1; font-size: 0.92rem; font-weight: 600; color: var(--white); }
.lb-score { font-size: 0.82rem; color: var(--lime); font-weight: 600; }

/* BADGES */
.badges-showcase { display: flex; flex-direction: column; gap: 0.8rem; }
.badge-row { display: flex; justify-content: center; flex-wrap: wrap; gap: 0.8rem; }
.badge-item { display: flex; flex-direction: column; align-items: center; gap: 0.3rem; padding: 0.8rem 1rem; background: rgba(255,255,255,0.07); border: 1px solid var(--glass-border); border-radius: 1rem; min-width: 80px; transition: all 0.25s ease; }
.badge-item:hover { border-color: rgba(168,255,107,0.3); background: rgba(168,255,107,0.06); transform: translateY(-2px); }
.badge-emoji { font-size: 1.6rem; }
.badge-name { font-size: 0.7rem; font-weight: 700; color: var(--white-60); text-align: center; }

/* CULTURE CARDS */
.culture-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 1rem; margin-bottom: 2.5rem; }
.culture-card-feature { background: rgba(255,255,255,0.07); border: 1px solid var(--glass-border); border-radius: 1.2rem; padding: 1.6rem; text-align: center; transition: all 0.25s ease; }
.culture-card-feature:hover { border-color: rgba(168,255,107,0.3); background: rgba(168,255,107,0.06); transform: translateY(-3px); }
.culture-card-icon { font-size: 2rem; margin-bottom: 0.7rem; display: block; }
.culture-card-feature h3 { font-family: var(--font-display); font-size: 1rem; font-weight: 700; color: var(--white); margin-bottom: 0.4rem; }
.culture-card-feature p { font-size: 0.85rem; color: var(--white-60); margin: 0; line-height: 1.5; }

/* DICT STATS */
.dict-stats-feature { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 2rem; }
.dict-stat-item-feature { background: rgba(255,255,255,0.07); border: 1px solid var(--glass-border); border-radius: 1.2rem; padding: 1.4rem; text-align: center; }
.dict-stat-num { display: block; font-family: var(--font-display); font-size: 2rem; font-weight: 800; color: var(--lime); line-height: 1; }
.dict-stat-label { display: block; font-size: 0.8rem; font-weight: 600; color: var(--white-60); margin-top: 0.3rem; }
.dict-features-list { list-style: none; padding: 0; margin: 0 0 2rem; display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; }
.dict-features-list li { display: flex; align-items: center; gap: 0.5rem; font-size: 0.9rem; color: var(--white-90); }
.dict-features-list i { color: var(--lime); flex-shrink: 0; }
.dict-buttons { display: flex; gap: 0.8rem; flex-wrap: wrap; justify-content: center; }

/* PLATFORMS */
.platforms-display { display: flex; justify-content: center; gap: 2rem; margin-bottom: 2rem; flex-wrap: wrap; }
.platform-item { display: flex; flex-direction: column; align-items: center; gap: 0.6rem; padding: 1.5rem 2rem; background: rgba(255,255,255,0.07); border: 1px solid var(--glass-border); border-radius: 1.4rem; }
.platform-icon { font-size: 2.4rem; }
.platform-name { font-family: var(--font-display); font-size: 0.9rem; font-weight: 700; color: var(--white); }
.platform-features { list-style: none; padding: 0; margin: 0 0 2rem; display: flex; flex-direction: column; gap: 0.6rem; max-width: 400px; margin-left: auto; margin-right: auto; }
.platform-features li { display: flex; align-items: center; gap: 0.6rem; font-size: 0.9rem; color: var(--white-90); }
.platform-features i { color: var(--lime); flex-shrink: 0; }
.store-buttons { display: flex; justify-content: center; gap: 1rem; flex-wrap: wrap; }
.store-btn { display: flex; align-items: center; gap: 0.8rem; padding: 0.9rem 1.4rem; background: rgba(255,255,255,0.08); border: 1px solid var(--glass-border); border-radius: 1.1rem; text-decoration: none; transition: all 0.25s ease; }
.store-btn:hover { background: rgba(255,255,255,0.14); border-color: rgba(168,255,107,0.3); transform: translateY(-2px); }
.store-btn i { font-size: 1.5rem; color: var(--white); }
.store-text { display: flex; flex-direction: column; }
.store-small { font-size: 0.7rem; color: var(--white-40); font-weight: 500; }
.store-large { font-family: var(--font-display); font-size: 1rem; font-weight: 700; color: var(--white); }

/* PRICING TABLE */
.pricing-table { overflow-x: auto; margin-bottom: 2rem; }
.pricing-table table { width: 100%; border-collapse: collapse; background: rgba(255,255,255,0.04); border: 1px solid var(--glass-border); border-radius: 1.4rem; overflow: hidden; }
.pricing-table th { padding: 1rem 1.5rem; background: rgba(168,255,107,0.06); font-family: var(--font-display); font-size: 0.9rem; font-weight: 700; color: var(--lime); text-align: center; border-bottom: 1px solid var(--glass-border); }
.pricing-table th:first-child { text-align: left; }
.pricing-table td { padding: 0.8rem 1.5rem; font-size: 0.88rem; color: var(--white-90); text-align: center; border-bottom: 1px solid rgba(255,255,255,0.04); }
.pricing-table td:first-child { text-align: left; color: var(--white-90); }
.pricing-table tr:last-child td { border-bottom: none; }
.pricing-table tr.pro-feature td:first-child { color: var(--lime); }
.check-yes { color: var(--lime); font-size: 1.1rem; }
.check-no { color: rgba(255,255,255,0.2); font-size: 1.1rem; }
.pricing-note { text-align: center; font-size: 0.9rem; color: var(--white-60); line-height: 1.6; }
.pricing-note strong { color: var(--lime); }

/* FINAL CTA */
.final-cta { position: relative; background: rgba(168,255,107,0.05); border: 1px solid rgba(168,255,107,0.2); margin: 0 3rem 2rem; border-radius: 2rem; padding: 5rem 2rem; text-align: center; overflow: hidden; }
.final-cta-content { position: relative; z-index: 2; max-width: 560px; margin: 0 auto; }
.final-cta h2 { font-family: var(--font-display); font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 800; color: var(--white); margin-bottom: 0.5rem; }
.final-cta-stats { font-size: 1rem; color: var(--lime); font-weight: 600; margin-bottom: 2rem; }
.final-proverb { margin-top: 2.5rem; font-size: 0.9rem; color: var(--white-40); font-style: italic; border: none; padding: 0; }
.final-proverb cite { display: block; margin-top: 0.3rem; font-size: 0.8rem; color: var(--white-40); }
.final-cta-shapes, .cta-shape { display: none; }

/* FOOTER */
.footer { position: relative; z-index: 1; margin: 2rem; }
.footer-container { padding: 2.5rem 3rem; background: rgba(255,255,255,0.04) !important; backdrop-filter: blur(var(--blur-md)); border: 1px solid var(--glass-border) !important; border-radius: 2rem !important; }
.footer-top { display: grid; grid-template-columns: 260px 1fr; gap: 3rem; margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid var(--glass-border); }
.footer-logo { display: inline-flex; align-items: center; gap: 0.6rem; text-decoration: none; margin-bottom: 0.7rem; }
.logo-icon { font-size: 1.3rem; }
.logo-text { font-family: var(--font-display); font-size: 1.2rem; font-weight: 700; color: var(--white); }
.footer-tagline { font-size: 0.88rem; color: var(--white-60); margin-bottom: 1.1rem; }
.footer-social { display: flex; gap: 0.5rem; }
.social-link { width: 34px; height: 34px; background: rgba(255,255,255,0.07); border: 1px solid var(--glass-border); border-radius: 0.6rem; display: flex; align-items: center; justify-content: center; color: var(--white-60); font-size: 0.95rem; transition: all 0.2s ease; text-decoration: none; }
.social-link:hover { background: rgba(168,255,107,0.12); color: var(--lime); border-color: rgba(168,255,107,0.25); }
.footer-links { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.5rem; }
.footer-heading { font-size: 0.75rem; font-weight: 700; color: var(--lime); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 0.9rem; }
.footer-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.45rem; }
.footer-list a { font-size: 0.85rem; color: var(--white-60); text-decoration: none; transition: color 0.2s; }
.footer-list a:hover { color: var(--lime); }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0.8rem; }
.footer-copyright { font-size: 0.82rem; color: var(--white-40); }
.footer-legal { display: flex; gap: 1.4rem; }
.footer-legal a { font-size: 0.82rem; color: var(--white-40); text-decoration: none; transition: color 0.2s; }
.footer-legal a:hover { color: var(--lime); }

/* RESPONSIVE */
@media (max-width: 900px) {
    .features-hero { padding: 10rem 1.5rem 2.5rem; }
    .features-hero-content { padding: 2rem; }
    .section-container { padding: 0 1.5rem; }
    .feature-split, .feature-split-reverse { grid-template-columns: 1fr; gap: 2rem; }
    .feature-split-reverse { direction: ltr; }
    .rewards-grid { grid-template-columns: 1fr; }
    .name-cards-row { grid-template-columns: 1fr 1fr; }
    .final-cta { margin: 0 1.5rem 2rem; padding: 3.5rem 1.5rem; }
    .footer { margin: 1rem; }
    .footer-container { padding: 2rem 1.5rem; }
    .footer-top { grid-template-columns: 1fr; gap: 2rem; }
    .footer-links { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 600px) {
    .features-hero { padding: 9rem 1rem 2rem; }
    .features-hero-content { padding: 1.5rem; border-radius: 1.6rem; }
    .alphabet-breakdown { grid-template-columns: 1fr 1fr; }
    .name-cards-row { grid-template-columns: 1fr; }
    .dict-stats-feature { grid-template-columns: 1fr; }
    .dict-features-list { grid-template-columns: 1fr; }
}