/* ===== Responsive Breakpoints ===== */

/* Tablet & small desktop */
@media (max-width: 1024px) {
    .hero {
        padding-top: 100px;
    }

    .hero-scene {
        max-width: 480px;
    }

    .hero-float-item {
        width: 85%;
    }

    .phone-mockup.hero-phone {
        width: 240px;
    }

    .floating-badge {
        font-size: 0.8125rem;
        padding: 0.625rem 1rem;
    }
}

/* Tablet */
@media (max-width: 900px) {
    :root {
        --container-padding: 1.25rem;
    }

    .section-title {
        font-size: clamp(1.75rem, 4vw, 2.5rem);
    }

    .stat-divider {
        display: none;
    }

    .stats-row {
        gap: var(--space-5);
    }

    .feature-title {
        font-size: 1.5rem;
    }

    .phone-mockup.small,
    .phone-mockup.large {
        width: 220px;
    }
}

/* Mobile */
@media (max-width: 640px) {
    :root {
        --space-16: 5rem;
        --space-12: 4rem;
    }

    .container {
        padding-inline: 1rem;
    }

    .hero {
        padding-top: 90px;
        text-align: center;
    }

    .hero-headline {
        font-size: clamp(2rem, 8vw, 2.75rem);
    }

    .hero-subheadline {
        font-size: 1rem;
    }

    .hero-ctas {
        flex-direction: column;
        width: 100%;
    }

    .hero-ctas .btn {
        width: 100%;
    }

    .hero-trust {
        flex-direction: column;
    }

    /* Floating scene scales down for mobile */
    .hero-scene {
        max-width: 320px;
    }

    .hero-float-item {
        width: 90%;
    }

    .phone-mockup.hero-phone {
        width: 220px;
    }

    .floating-badge {
        font-size: 0.75rem;
        padding: 0.5rem 0.875rem;
    }

    .badge-youtube { left: -5%; top: 5%; }
    .badge-pdf { left: -8%; top: 45%; }
    .badge-ai { right: -5%; top: 15%; }
    .badge-article { right: 0%; bottom: 10%; }

    .section-header {
        margin-bottom: var(--space-8);
    }

    .stats-row {
        flex-direction: column;
        gap: var(--space-4);
    }

    .stat {
        min-width: 100%;
        padding: var(--space-3) 0;
        border-bottom: 1px solid rgba(15, 23, 42, 0.08);
    }

    .stat:last-child {
        border-bottom: none;
    }

    .step-card {
        padding: var(--space-6) var(--space-4);
    }

    .feature-mockup {
        padding: var(--space-4);
    }

    .phone-mockup.small {
        width: 200px;
    }

    .phone-mockup.large {
        width: 240px;
    }



    .pricing-card {
        padding: var(--space-6);
    }

    .price-amount {
        font-size: 2.25rem;
    }

    .testimonials-grid {
        grid-template-columns: 1fr;
    }

    .testimonial {
        padding: var(--space-5);
    }

    .lang-flags {
        font-size: 1.5rem;
    }

    .footer-grid {
        gap: var(--space-5);
    }
}

/* Small mobile */
@media (max-width: 380px) {
    .hero-headline .word {
        margin-right: 0.1em;
    }

    .nav-logo span {
        font-size: 1.25rem;
    }
}

/* Touch device optimizations */
@media (hover: none) and (pointer: coarse) {
    .feature-card,
    .step-card,
    .pricing-card,
    .lang-card,
    .testimonial {
        transform: none !important;
    }

    .cursor-dot,
    .cursor-ring,
    .cursor-spotlight {
        display: none;
    }
}

/* High-DPI screens */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .phone-frame {
        image-rendering: -webkit-optimize-contrast;
        image-rendering: crisp-edges;
    }
}

/* Print styles */
@media print {
    .navbar,
    .cursor-dot,
    .cursor-ring,
    .cursor-spotlight,
    .preloader,
    .floating-badge {
        display: none !important;
    }

    .hero {
        padding-top: 0;
        min-height: auto;
    }

    body {
        background: white;
    }
}