@media screen and (max-width:1024px){:root{--header-height: 70px}.main-nav{display:none}.header-actions .btn-secondary:not(.btn-signin){display:none}.mobile-toggle{display:flex}.mobile-drawer{display:block}.hero-grid{grid-template-columns:1fr;gap:36px}.hero-content{max-width:100%}.hero-title{font-size:38px}.finder-form{grid-template-columns:repeat(2,1fr)}.finder-form .btn{grid-column:span 2}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.translingo-card{grid-template-columns:1fr;gap:24px}}@media screen and (max-width:768px){.section{padding:56px 0}.top-notice{display:none}.hero-section{padding:44px 0 36px}.hero-title{font-size:32px;letter-spacing:-.5px}.hero-subtitle{font-size:16px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-meta{flex-direction:column;align-items:flex-start;gap:8px}.finder-bar-section{margin-top:0;margin-bottom:24px}.finder-box{padding:18px 16px}.finder-form{grid-template-columns:1fr}.finder-form .btn{grid-column:1}.section-title{font-size:26px;letter-spacing:-.4px}.section-desc{font-size:15.5px}.section-header{margin-bottom:32px}.grid-3,.grid-2,.grid-4{grid-template-columns:1fr;gap:16px}.card,.feature-card,.service-card,.step-card{padding:22px 18px}.dual-pathways{grid-template-columns:1fr;gap:20px}.pathway-card{padding:28px 20px}.pathway-title{font-size:20px}.page-header{padding:40px 0 32px}.page-title{font-size:28px}.page-desc{font-size:15.5px}.form-card{padding:22px 16px}.form-grid-2{grid-template-columns:1fr;gap:0}.radio-pill-group{grid-template-columns:1fr}.google-form-wrapper iframe{height:900px}.remote-coverage-banner{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.final-cta-section{padding:52px 0}.final-cta-title{font-size:28px}.final-cta-actions{flex-direction:column;width:100%}.final-cta-actions .btn{width:100%}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}.footer-bottom-links{flex-wrap:wrap;gap:14px}}@media screen and (max-width:414px){.container{padding-left:16px;padding-right:16px}.brand-text{max-width:150px}.brand-name{font-size:14px}.brand-sub{font-size:10px}.hero-title{font-size:28px}.btn-sm{padding:7px 10px;font-size:12.5px}.faq-button{padding:16px 14px;font-size:15px}.faq-content{padding:0 14px 16px}}
