/* =========================
   RESPONSIVE
========================= */
@media (max-width: 1050px) {
    .hero-grid { grid-template-columns: 1fr; gap: 35px; }
    .hero-content { text-align: center; }
    .hero-description { margin-left: auto; margin-right: auto; }
    .hero-buttons { justify-content: center; }
    .founder-section { grid-template-columns: 1fr .9fr; }
    .founder-content { padding: 45px; }
    .code-feature { width: 230px; }
}

@media (max-width: 800px) {
    section { padding: 75px 0; }
    .hero { min-height: auto; padding: 70px 0 50px; }
    .hero h1 { font-size: 2.45rem; }
    .hero-description { font-size: .95rem; }
    .dashboard-section,
    .skills-section--logos,
    .founder-section { margin-bottom: 60px; }
    .code-dashboard { min-height: 710px; padding: 30px 15px 80px; border-radius: 25px; }
    .main-code-window { transform: none; }
    .main-code { padding: 27px 24px 30px; }
    .code-feature { width: 215px; }
    .feature-one { left: 3%; bottom: 62px; }
    .feature-two { right: 3%; bottom: 18px; }
    .feature-three { bottom: -18px; }
    .founder-section { grid-template-columns: 1fr; }
    .founder-image { order: -1; min-height: 420px; }
    .founder-content { padding: 40px 30px; }
    .founder-stats { gap: 20px; }
    .testimonial-card { flex-basis: 340px; }
    .offer-grid { grid-template-columns: 1fr; }
    .offer-card.large { grid-row: auto; min-height: 330px; }
    .identity-cards { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
    .container { width: min(100% - 28px, 1180px); }
    section { padding: 60px 0; }
    .hero h1 { font-size: 2rem; }
    .hero-description { font-size: .88rem; line-height: 1.7; }
    .btn { width: 100%; }
    .code-content { padding: 22px 15px; font-size: 11px; overflow-x: auto; }
    .line-number { width: 25px; }
    .identity-code { padding: 28px 20px; overflow-x: auto; }
    .identity-code .main-line { font-size: 32px; white-space: nowrap; }
    .identity-cards { gap: 10px; }
    .identity-card { padding: 20px; }
    .offer-card { padding: 25px; }
    .offer-card h3 { font-size: 24px; }
    .dashboard-section { margin-bottom: 55px; }
    .section-heading h2 { font-size: 1.8rem; }
    .section-heading p { font-size: .82rem; }
    .code-dashboard { min-height: 735px; padding: 20px 10px 70px; }
    .main-code { padding: 24px 17px 28px; line-height: 1.85; }
    .main-code .brand-line { font-size: 1rem; }
    .main-code .slogan { font-size: .78rem; }
    .window-top { height: 40px; padding: 0 14px; }
    .window-title { font-size: .48rem; }
    .code-feature { width: 185px; padding: 14px; border-radius: 14px; }
    .code-feature h3 { font-size: .68rem; }
    .code-feature code { font-size: .5rem; }
    .feature-one { left: 7px; bottom: 70px; }
    .feature-two { right: 7px; bottom: 10px; }
    .feature-three { width: 195px; bottom: -28px; }
    .skills-title h2 { font-size: .78rem; }
    .skill-logo { flex-basis: 58px; height: 58px; font-size: 1.5rem; border-radius: 15px; }
    .skills-track { gap: 13px; animation-duration: 22s; }
    .founder-image { min-height: 340px; padding: 25px; }
    .founder-image::before { width: 280px; height: 280px; }
    .founder-image::after { width: 220px; height: 220px; }
    .founder-photo { width: 180px; border-width: 4px; }
    .founder-image-label { bottom: 20px; padding: 8px 18px; font-size: .6rem; }
    .founder-content { padding: 30px 20px; }
    .founder-quote { font-size: 1rem; padding-left: 15px; }
    .founder-name { font-size: 1.5rem; }
    .founder-bio { font-size: .82rem; }
    .founder-stats { justify-content: space-between; gap: 8px; }
    .founder-stat strong { font-size: 1rem; }
    .founder-stat span { font-size: .5rem; }
    .testimonial-card { flex-basis: 82vw; max-width: 310px; padding: 25px 20px; }
    .testimonial-header h2 { font-size: 1.65rem; }
    .cta-box { padding: 50px 20px; }
    .skills-section--text { padding: 25px 0 60px; }
}

/* =========================
   REDUCED MOTION
========================= */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
    .skills-track { animation: none !important; }
    .marquee-track { animation: none !important; }
    .cursor { animation: none !important; }
}