@media (max-width:768px) {header {padding:0.75rem 1rem;position:relative} .mobile-nav-toggle {display:block;background:none;border:none;color:var(--tx);font-size:1.5rem;cursor:pointer;padding:0.5rem;border-radius:0.375rem;transition:background-color 0.2s} .mobile-nav-toggle:hover {background:rgba(255,255,255,0.1)} .mobile-nav-toggle span {display:block;width:25px;height:3px;background:var(--tx);margin:5px 0;transition:0.3s;border-radius:2px} .mobile-nav-toggle.active span:nth-child(1) {transform:rotate(-45deg) translate(-5px,6px)} .mobile-nav-toggle.active span:nth-child(2) {opacity:0} .mobile-nav-toggle.active span:nth-child(3) {transform:rotate(45deg) translate(-5px,-6px)} nav {display:none;position:absolute;top:100%;left:0;right:0;background:rgba(6,6,15,0.98);backdrop-filter:blur(20px);flex-direction:column;padding:1rem;gap:1rem;border-top:1px solid rgba(255,255,255,0.1);box-shadow:0 10px 25px rgba(0,0,0,0.3)} nav.mobile-nav-open {display:flex;animation:slideDown 0.3s ease-out} nav a {padding:0.75rem 1rem;border-radius:0.5rem;transition:all 0.2s;min-height:44px;display:flex;align-items:center} nav a:hover,nav a:active {background:rgba(255,255,255,0.05);color:var(--tx)} } @media (max-width:768px) {.btn {min-height:44px;padding:0.75rem 1.5rem;font-size:1rem;margin:0.25rem} .lt button {min-height:44px;min-width:44px;padding:0.5rem 0.75rem} .service-card {padding:1.5rem;margin-bottom:1rem;touch-action:manipulation} .service-card:active {transform:translateY(-2px);transition:transform 0.1s} } @media (max-width:768px) {.hero h1 {font-size:clamp(2.25rem,8vw,3.5rem);line-height:1.2;margin-bottom:1rem} .hero p {font-size:1.1rem;line-height:1.5;margin-bottom:2rem} section h2 {font-size:clamp(1.75rem,6vw,2.25rem);line-height:1.3} .service-card h3 {font-size:1.25rem;line-height:1.4} .service-card p {font-size:0.95rem;line-height:1.6} } @media (max-width:768px) {section {padding:3rem 1rem} .hero {padding:2rem 1rem;min-height:70vh} .g3 {grid-template-columns:1fr;gap:1.5rem} .g2 {grid-template-columns:1fr;gap:1.5rem} .cta-row {flex-direction:column;align-items:center;gap:1rem} .partners {gap:1.5rem} .partner-logo {padding:0.5rem 1rem;font-size:0.9rem} } .btn:focus,.mobile-nav-toggle:focus,nav a:focus,.lt button:focus {outline:2px solid var(--ac);outline-offset:2px} @media (prefers-color-scheme:dark) {:root {--bg:#06060f;--sf:#0d0d1f;--cd:#12122a;--tx:#e2e8f0;--mt:#64748b} } @media (prefers-contrast:high) {.service-card {border-width:2px} .btn {border-width:2px} nav a {border:1px solid transparent} nav a:hover,nav a:focus {border-color:var(--ac)} } @media (prefers-reduced-motion:reduce) {* {animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important} .service-card:hover {transform:none} .btn:hover {transform:none} } @keyframes slideDown {from {opacity:0;transform:translateY(-10px)} to {opacity:1;transform:translateY(0)} } @media (max-width:768px) {.ns {grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem} .sc {padding:1rem} .sv {font-size:1.8rem} .dash {padding:1rem;gap:1rem} .sb {padding:0.5rem 1rem;gap:1rem;font-size:0.8rem} }