.hero-section{min-height:100vh;height:100vh;display:flex;align-items:center;overflow:hidden}.container{max-width:1240px;margin:0 auto;padding:100px 30px 0;height:100%}.hero-content{display:flex;justify-content:space-between;align-items:stretch;height:95%}.hero-text{flex:1;max-width:600px;padding-top:15vh;display:flex;flex-direction:column;justify-content:space-between;margin-bottom:40px}.hero-title{font-size:48px;font-weight:700;color:var(--primary);margin-bottom:36px;line-height:1.2}.hero-subtitle{font-size:24px;color:#4b5563;margin-bottom:10px;padding-left:0}.hero-features{display:flex;gap:16px;margin-bottom:24px}.feature-tag{padding:8px 16px;background:#4caf501a;border-radius:20px;color:var(--primary-light-3);font-size:14px}.hero-description{font-size:20px;color:#4b5563;margin-bottom:22px}.highlight{color:#f17414;font-weight:700}.hero-buttons{display:flex;gap:16px}.hero-buttons .btn-primary{padding:12px 24px;background:var(--primary);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .3s}.hero-buttons .btn-primary:hover{background:var(--primary-light-3)}.btn-secondary{padding:12px 24px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;color:#4b5563;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.hero-preview{flex:1;max-width:480px;height:auto;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;overflow:hidden;padding:0;margin-top:60px}.hero-preview img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;display:block;box-shadow:0 4px 6px #0000001a}.company-info{margin-top:0;font-size:14px}.company-logos{display:flex;align-items:center;gap:30px;opacity:1;margin-top:20px}.company-logos img{height:14px;-o-object-fit:contain;object-fit:contain}@media screen and (max-width: 1024px){.hero-content{flex-direction:column;text-align:center;height:auto;gap:40px}.hero-title{font-size:48px;margin-bottom:16px}.hero-subtitle{display:none}.hero-text{padding-top:5vh}.hero-features,.hero-buttons{justify-content:center}.hero-preview{height:auto;display:none}.company-info{margin-top:50px}.company-logos{flex-wrap:wrap;justify-content:center}}@media screen and (max-width: 768px){.nav-links{display:none}.hero-title{font-size:36px;margin-bottom:16px}.hero-subtitle{font-size:24px}.company-logos img{height:12px;-o-object-fit:contain;object-fit:contain}.company-logos{gap:20px}}.data-show-when-logged-in{display:none}