.nav-hamburger{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;font-size:1.25rem;transition:color .15s;display:none}.nav-hamburger:hover{color:var(--accent-primary)}.nav-mobile-menu{background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);z-index:100;border-radius:12px;min-width:200px;padding:8px 0;display:none;position:absolute;top:100%;right:0;box-shadow:0 12px 40px #00000026}.dark .nav-mobile-menu{background:var(--bg-secondary,#1e293b);border-color:#ffffff14;box-shadow:0 12px 40px #0006}.nav-mobile-menu.active{display:block}.nav-mobile-link{width:100%;color:var(--text-primary,#0f172a);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.nav-mobile-link:hover{background:var(--bg-secondary,#f1f5f9)}.dark .nav-mobile-link:hover{background:#ffffff0d}.nav{position:relative}@media (max-width:768px){.container{padding:0 var(--space-md)}.nav-hamburger{justify-content:center;align-items:center;display:flex}.nav-desktop-only{display:none!important}.header{padding:var(--space-sm) 0}.logo-img{width:28px;height:28px}.logo span:not(.beta-badge){font-size:1rem}.beta-badge{padding:1px 4px;font-size:.55rem}.nav-links{align-items:center;gap:8px}.sign-in-btn{border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:6px 14px;font-size:.8rem;display:inline-flex}.nav-btn-create-account{border:1px solid var(--accent-primary,#d4654a);color:var(--accent-primary,#d4654a);border-radius:8px;align-items:center;padding:6px 12px;font-size:.8rem;display:inline-flex}.hero-actions .btn-secondary{display:none!important}.hero-section{padding:var(--space-2xl) var(--space-md)}.hero-grid{gap:var(--space-xl);text-align:center;grid-template-columns:1fr}.hero-copy{text-align:center;order:1}.hero-title{font-size:2rem}.hero-subtitle{font-size:var(--text-body);margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-demo{order:2}.hero-actions .btn-primary,.hero-actions .btn-secondary,.hero-actions .btn-coral,.hero-actions .btn-outline{justify-content:center;width:100%;max-width:320px}.feature-section{padding:var(--space-3xl) var(--space-md)}.feature-grid,.feature-grid--reverse{gap:var(--space-xl);direction:ltr;grid-template-columns:1fr}.feature-copy{text-align:center;order:1}.feature-desc{margin-left:auto;margin-right:auto}.feature-list{text-align:left;display:inline-block}.feature-phone{order:2}.feature-title{font-size:1.5rem}.hiw-section{padding:var(--space-3xl) var(--space-md)}.hiw-grid{gap:var(--space-xl);grid-template-columns:1fr;max-width:400px}.hiw-grid:after{display:none}.support-section{padding:var(--space-3xl) var(--space-md)}.support-grid{gap:var(--space-md);grid-template-columns:1fr}.support-card{padding:var(--space-lg)}.support-icon{width:48px;height:48px;font-size:1.1rem}.support-card h3{font-size:var(--text-body)}.support-card p{font-size:var(--text-small)}.cookie-notice{bottom:var(--space-md);width:calc(100% - var(--space-md) * 2);padding:var(--space-md)}.cookie-notice__inner{flex-wrap:wrap}.cookie-notice__btn{text-align:center;justify-content:center;width:100%}}@media (max-width:480px){.logo-img{width:24px;height:24px}.logo span:not(.beta-badge){font-size:.9rem}.logo{gap:4px}.beta-badge{display:none}.nav-links{gap:6px}.sign-in-btn{border-radius:6px;padding:5px 10px;font-size:.7rem}.sign-in-btn i{display:none}.nav-btn-create-account{border-radius:6px;padding:5px 8px;font-size:.7rem}.hero-title{font-size:1.75rem}.feature-title{font-size:1.35rem}.feature-desc{font-size:var(--text-body)}.support-card{padding:var(--space-md);border-radius:var(--radius-md)}.support-icon{width:44px;height:44px;font-size:var(--text-body)}.support-card h3{font-size:var(--text-small)}.support-card p{font-size:var(--text-xs)}.support-btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-xs);min-height:44px}.btn-primary,.btn-secondary,.btn-coral,.btn-outline,.sign-in-btn,.theme-toggle-btn{min-height:44px}.cookie-notice{bottom:var(--space-sm);width:calc(100% - var(--space-sm) * 2);border-radius:var(--radius-lg);padding:var(--space-md)}.cookie-notice__icon{width:32px;height:32px;font-size:var(--text-small)}.cookie-notice__title{font-size:var(--text-small)}.cookie-notice__text{font-size:var(--text-xs)}}@media (max-width:768px){.modal-overlay{padding:.5rem;padding-top:max(.5rem, env(safe-area-inset-top));padding-bottom:max(.5rem, env(safe-area-inset-bottom))}.modal,.otp-modal,.success-modal{border-radius:var(--radius-lg);width:100%;max-width:none;max-height:85vh;padding:1.5rem;overflow-y:auto}#deviceConfirmationModal .modal{max-height:80vh;padding:1.5rem;overflow-y:auto}.login-tab{padding:.5rem .25rem;font-size:.7rem}.form-input{padding:.75rem;font-size:16px}.submit-btn{padding:.875rem;font-size:.9rem}#deviceConfirmationModal .device-warning{border-radius:8px;margin:.75rem 0;padding:.75rem}#deviceConfirmationModal .device-warning p{margin-bottom:.5rem;font-size:.85rem;line-height:1.3}#deviceConfirmationModal .device-warning li{padding:.25rem 0;font-size:.8rem;line-height:1.2}#deviceConfirmationModal .warning-box{border-radius:6px;margin-top:.5rem;padding:.5rem}#deviceConfirmationModal .warning-box strong{font-size:.9rem;line-height:1.2}#deviceConfirmationModal .confirmation-buttons{flex-direction:column;gap:.5rem;margin-top:1rem}#deviceConfirmationModal .confirmation-buttons button{border-radius:6px;width:100%;padding:.75rem 1rem;font-size:.85rem}}@media (max-width:480px){.modal-overlay{padding:.25rem;padding-top:max(.25rem, env(safe-area-inset-top));padding-bottom:max(.25rem, env(safe-area-inset-bottom))}.modal,.otp-modal,.success-modal{border-radius:var(--radius-md);max-height:80vh;padding:1.25rem}#deviceConfirmationModal .modal{max-height:75vh;padding:1.25rem}#deviceConfirmationModal .modal h2{margin-bottom:.75rem;font-size:1rem}#deviceConfirmationModal .device-warning{margin:.5rem 0;padding:.5rem}#deviceConfirmationModal .device-warning p{margin-bottom:.4rem;font-size:.8rem}#deviceConfirmationModal .device-warning li{padding:.2rem 0;font-size:.75rem}#deviceConfirmationModal .warning-box{margin-top:.4rem;padding:.4rem}#deviceConfirmationModal .warning-box strong{font-size:.85rem}#deviceConfirmationModal .confirmation-buttons button{padding:.65rem .75rem;font-size:.8rem}.modal h2{margin-bottom:1rem;font-size:1.25rem}}@media (max-height:600px) and (orientation:landscape){.modal-overlay{align-items:flex-start;padding:.5rem .25rem .25rem}.modal,.otp-modal,.success-modal{max-height:70vh;padding:1rem}#deviceConfirmationModal .modal{max-height:65vh;padding:1rem}.modal h2{margin-bottom:.75rem;font-size:1.1rem}#deviceConfirmationModal .device-warning{margin:.75rem 0;padding:.75rem}#deviceConfirmationModal .confirmation-buttons{margin-top:1rem}}@media (max-height:500px){.modal-overlay{align-items:flex-start;padding-top:.25rem}.modal,.otp-modal,.success-modal{max-height:85vh;padding:.75rem}#deviceConfirmationModal .modal{max-height:80vh;padding:.75rem}}html{scroll-behavior:smooth}:focus{outline:2px solid var(--accent-primary,#d4654a);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-contrast:high){.modal,.btn-primary,.btn-secondary,.btn-coral,.btn-outline{border:2px solid #000}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
