/* Adah Landing Page v1 */
.adah-landing-page {
    color: var(--app-text);
}

.adah-section {
    padding: 5rem 0;
}

.adah-section-heading {
    max-width: 42rem;
}

.adah-section-heading h2 {
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.25;
    margin-bottom: 1rem;
    color: var(--app-tertiary);
}

.adah-section-heading p {
    color: var(--app-text-muted);
    line-height: 1.9;
    margin-bottom: 0;
}

.adah-section-kicker,
.adah-landing-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .45rem .9rem;
    border-radius: var(--app-radius-pill);
    background: rgba(var(--app-primary-rgb), .10);
    color: var(--app-primary);
    font-size: .85rem;
    font-weight: var(--app-fw-semibold);
    margin-bottom: 1rem;
}

.adah-landing-hero {
    padding: 6rem 0 4rem;
    background:
        radial-gradient(circle at 80% 10%, rgba(var(--app-secondary-rgb), .35), transparent 26%),
        radial-gradient(circle at 10% 15%, rgba(var(--app-primary-rgb), .22), transparent 28%),
        linear-gradient(180deg, var(--adah-surface) 0%, var(--app-natural) 100%);
}

.adah-landing-title {
    font-size: clamp(2.4rem, 5vw, 4.4rem);
    line-height: 1.15;
    color: var(--app-tertiary);
    margin-bottom: 1rem;
}

.adah-landing-subtitle {
    font-size: 1.08rem;
    line-height: 2;
    color: var(--app-text-muted);
    max-width: 36rem;
}

.adah-landing-trust {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
}

.adah-landing-trust__item,
.adah-use-case-chip {
    display: inline-flex;
    align-items: center;
    padding: .7rem 1rem;
    background: rgba(255,255,255,.85);
    border: 1px solid rgba(var(--app-border-rgb), .8);
    border-radius: var(--app-radius-pill);
    box-shadow: var(--app-shadow-xs);
    color: var(--app-text-muted);
    font-weight: var(--app-fw-semibold);
}

.adah-landing-hero__visual {
    position: relative;
    min-height: 34rem;
}

.adah-device-stack {
    position: relative;
    height: 100%;
    min-height: 34rem;
}

.adah-desktop-mockup {
    position: relative;
    z-index: 2;
    width: min(100%, 38rem);
    margin-inline-start: auto;
    overflow: hidden;
    background: rgba(255,255,255,.95);
    border: 1px solid rgba(var(--app-border-rgb), .7);
    box-shadow: 0 24px 60px rgba(var(--adah-tertiary-rgb), .14);
    animation: adahFloat 7s ease-in-out infinite;
}

.adah-browser-bar {
    display: flex;
    gap: .45rem;
    padding: 1rem 1rem 0;
}

.adah-browser-bar span {
    width: .7rem;
    height: .7rem;
    border-radius: 50%;
    background: rgba(var(--app-tertiary-rgb), .18);
}

.adah-desktop-mockup__body {
    padding: 1rem;
}

.adah-mockup-hero-card {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 1rem;
    padding: 1.4rem;
    background: linear-gradient(135deg, rgba(var(--app-primary-rgb), .10), rgba(var(--app-secondary-rgb), .22));
    border-radius: var(--app-radius-lg);
    min-height: 12rem;
}

.adah-mockup-hero-card h3 {
    color: var(--app-tertiary);
    margin-bottom: .6rem;
}

.adah-mockup-hero-card p,
.adah-template-card__body p,
.adah-feature-card p,
.adah-step-card p,
.adah-highlight-panel p,
.adah-final-cta p,
.adah-price-card li,
.adah-faq-item p {
    color: var(--app-text-muted);
    line-height: 1.8;
}

.adah-mockup-badge,
.adah-template-badge,
.adah-price-badge {
    display: inline-flex;
    align-items: center;
    padding: .35rem .7rem;
    border-radius: var(--app-radius-pill);
    background: rgba(var(--app-primary-rgb), .14);
    color: var(--app-primary);
    font-size: .8rem;
    font-weight: var(--app-fw-semibold);
    margin-bottom: .8rem;
}

.adah-mockup-cta {
    white-space: nowrap;
    background: var(--white);
    color: var(--app-tertiary);
    border-radius: var(--app-radius-pill);
    padding: .85rem 1rem;
    box-shadow: var(--app-shadow-sm);
    font-weight: var(--app-fw-semibold);
}

.adah-mockup-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: .85rem;
    margin-top: 1rem;
}

.adah-mini-card {
    height: 6rem;
    border-radius: var(--app-radius-md);
    background: linear-gradient(180deg, rgba(var(--app-secondary-rgb), .28), rgba(var(--app-primary-rgb), .08));
}

.adah-mobile-mockup {
    position: absolute;
    left: 0;
    bottom: 1.5rem;
    z-index: 3;
    width: 13rem;
    padding: .8rem;
    background: rgba(255,255,255,.98);
    box-shadow: 0 22px 44px rgba(var(--adah-tertiary-rgb), .18);
    animation: adahFloat 6s ease-in-out infinite reverse;
}

html[dir="rtl"] .adah-mobile-mockup {
    left: auto;
    right: 0;
}

.adah-mobile-mockup__screen {
    border-radius: 1.5rem;
    background: linear-gradient(180deg, rgba(var(--app-primary-rgb), .10), rgba(var(--app-secondary-rgb), .16));
    padding: 1rem;
    min-height: 22rem;
}

.adah-mobile-pill,
.adah-mobile-line,
.adah-mobile-button,
.adah-mobile-link,
.adah-mobile-avatar,
.adah-template-card__preview,
.adah-qr-box {
    border-radius: var(--app-radius-md);
    background: rgba(255,255,255,.95);
}

.adah-mobile-pill { height: .55rem; width: 4rem; margin: 0 auto 1rem; border-radius: var(--app-radius-pill); }
.adah-mobile-avatar { width: 4rem; height: 4rem; border-radius: 50%; margin: 0 auto 1rem; }
.adah-mobile-line { height: .8rem; width: 70%; margin: 0 auto .7rem; }
.adah-mobile-line--lg { width: 90%; }
.adah-mobile-button { height: 2.7rem; width: 100%; margin: 1rem 0; background: linear-gradient(135deg, var(--app-primary), var(--app-secondary)); }
.adah-mobile-link { height: 3rem; width: 100%; margin-bottom: .75rem; }

.adah-floating-card {
    position: absolute;
    z-index: 4;
    padding: .9rem 1rem;
    font-weight: var(--app-fw-semibold);
    color: var(--app-tertiary);
    box-shadow: 0 16px 36px rgba(var(--adah-tertiary-rgb), .12);
}

.adah-floating-card--qr { top: 5rem; left: 0; }
.adah-floating-card--template { bottom: 1rem; right: 1rem; }

html[dir="rtl"] .adah-floating-card--qr { left: auto; right: 1rem; }
html[dir="rtl"] .adah-floating-card--template { right: auto; left: 1rem; }

.adah-landing-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(70px);
    opacity: .65;
}

.adah-landing-glow--primary {
    width: 14rem;
    height: 14rem;
    background: rgba(var(--app-primary-rgb), .28);
    top: 2rem;
    right: 4rem;
}

.adah-landing-glow--secondary {
    width: 11rem;
    height: 11rem;
    background: rgba(var(--app-secondary-rgb), .35);
    bottom: 2rem;
    left: 4rem;
}

.adah-landing-wave {
    height: 6rem;
    margin-top: 3rem;
    background: linear-gradient(180deg, transparent, rgba(var(--app-primary-rgb), .08));
    clip-path: ellipse(75% 100% at 50% 0%);
}

.adah-landing-strip {
    padding: 1.4rem 0 0;
}

.adah-use-cases {
    display: flex;
    flex-wrap: wrap;
    gap: .85rem;
    justify-content: center;
}

.adah-step-card,
.adah-feature-card,
.adah-price-card,
.adah-template-card,
.adah-highlight-panel {
    height: 100%;
    border: 1px solid rgba(var(--app-border-rgb), .75);
    background: rgba(255,255,255,.92);
}

.adah-step-card,
.adah-feature-card,
.adah-price-card,
.adah-template-card__body,
.adah-highlight-panel,
.adah-final-cta,
.adah-faq-item {
    padding: 1.5rem;
}

.adah-step-card__index {
    display: inline-flex;
    width: 3rem;
    height: 3rem;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(var(--app-primary-rgb), .12);
    color: var(--app-primary);
    font-weight: var(--app-fw-bold);
    margin-bottom: 1rem;
}

.adah-template-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.5rem;
}

.adah-template-card {
    overflow: hidden;
}

.adah-template-card__preview {
    height: 16rem;
    margin: 1rem 1rem 0;
    background:
        linear-gradient(180deg, rgba(var(--app-primary-rgb), .16), rgba(var(--app-secondary-rgb), .18)),
        linear-gradient(135deg, rgba(255,255,255,.92), rgba(var(--app-natural-rgb), .95));
}

.adah-template-card--featured {
    transform: translateY(-.4rem);
    box-shadow: 0 20px 40px rgba(var(--app-primary-rgb), .12);
    border-color: rgba(var(--app-primary-rgb), .35);
}

.adah-inline-link {
    color: var(--app-primary);
    text-decoration: none;
    font-weight: var(--app-fw-semibold);
}

.adah-highlight-panel {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: linear-gradient(135deg, rgba(var(--app-primary-rgb), .10), rgba(var(--app-secondary-rgb), .12));
}

.adah-qr-showcase {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 2rem;
}

.adah-qr-box {
    width: 7rem;
    height: 7rem;
    box-shadow: var(--app-shadow-sm);
    position: relative;
}

.adah-qr-box::before,
.adah-qr-box::after {
    content: '';
    position: absolute;
    inset: 1rem;
    border: .5rem solid rgba(var(--app-tertiary-rgb), .9);
}

.adah-qr-callout {
    padding: .85rem 1rem;
    border-radius: var(--app-radius-pill);
    background: rgba(255,255,255,.86);
    color: var(--app-tertiary);
    font-weight: var(--app-fw-semibold);
}

.adah-price-card ul {
    list-style: none;
    padding: 0;
    margin: 1.25rem 0 1.5rem;
}

.adah-price-card li {
    margin-bottom: .75rem;
    position: relative;
    padding-inline-start: 1.4rem;
}

.adah-price-card li::before {
    content: '';
    position: absolute;
    inset-inline-start: 0;
    top: .7rem;
    width: .45rem;
    height: .45rem;
    border-radius: 50%;
    background: var(--app-primary);
}

.adah-price-value {
    font-size: 2rem;
    color: var(--app-tertiary);
    font-weight: var(--app-fw-bold);
}

.adah-price-card--featured {
    border-color: rgba(var(--app-primary-rgb), .4);
    box-shadow: 0 20px 50px rgba(var(--app-primary-rgb), .12);
    transform: translateY(-.5rem);
}

.adah-faq-list {
    display: grid;
    gap: 1rem;
}

.adah-faq-item {
    background: rgba(255,255,255,.94);
    border: 1px solid rgba(var(--app-border-rgb), .75);
    border-radius: var(--app-radius-lg);
}

.adah-faq-item summary {
    cursor: pointer;
    list-style: none;
    font-weight: var(--app-fw-semibold);
    color: var(--app-tertiary);
}

.adah-faq-item summary::-webkit-details-marker {
    display: none;
}

.adah-faq-item[open] summary {
    margin-bottom: 1rem;
}

.adah-section--final-cta {
    padding-bottom: 6rem;
}

.adah-final-cta {
    background:
        radial-gradient(circle at 15% 15%, rgba(var(--app-secondary-rgb), .16), transparent 25%),
        linear-gradient(135deg, var(--app-tertiary) 0%, color-mix(in srgb, var(--app-text), var(--app-tertiary) 35%) 100%);
    text-align: center;
    color: var(--white);
    box-shadow: 0 24px 60px rgba(var(--adah-tertiary-rgb), .22);
}

.adah-final-cta h2 {
    color: var(--white);
    font-size: clamp(2rem, 4vw, 3rem);
}

.adah-final-cta p {
    max-width: 38rem;
    margin: 0 auto;
    color: rgba(255,255,255,.82);
}

.adah-reveal {
    opacity: 0;
    transform: translateY(18px);
    transition: opacity .7s ease, transform .7s ease;
    transition-delay: var(--adah-delay, 0ms);
}

.adah-reveal[data-reveal="left"] { transform: translateX(-22px); }
.adah-reveal[data-reveal="zoom"] { transform: scale(.96); }
html[dir="rtl"] .adah-reveal[data-reveal="left"] { transform: translateX(22px); }

.adah-reveal.is-visible {
    opacity: 1;
    transform: none;
}

@keyframes adahFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

@media (max-width: 991.98px) {
    .adah-section { padding: 4rem 0; }
    .adah-landing-hero { padding-top: 4rem; }
    .adah-template-grid { grid-template-columns: 1fr; }
    .adah-mobile-mockup { position: relative; left: auto; right: auto; bottom: auto; width: 100%; max-width: 15rem; margin: 1rem auto 0; }
    .adah-floating-card--qr,
    .adah-floating-card--template { position: static; display: inline-flex; margin-top: 1rem; }
    .adah-device-stack { min-height: auto; }
    .adah-desktop-mockup { margin-inline: auto; }
    .adah-highlight-panel { gap: 1.25rem; }
}

@media (max-width: 767.98px) {
    .adah-landing-title { font-size: 2.4rem; }
    .adah-landing-subtitle { font-size: 1rem; }
    .adah-landing-trust,
    .adah-use-cases { justify-content: flex-start; }
    .adah-mockup-grid { grid-template-columns: repeat(2, 1fr); }
    .adah-qr-showcase { flex-direction: column; align-items: flex-start; }
    .adah-price-card--featured,
    .adah-template-card--featured { transform: none; }
}