.marketing-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%;box-sizing:border-box}@media (max-width: 768px){.marketing-container{padding:0 1rem}}@media (max-width: 480px){.marketing-container{padding:0 .75rem}}.marketing-header{background-color:var(--color-layout-bg);border-bottom:1px solid var(--color-layout-border);position:sticky;top:0;z-index:999}.marketing-header__container{display:flex;align-items:center;justify-content:space-between;padding-top:1rem;padding-bottom:1rem}.marketing-header__logo{display:flex;align-items:center}.marketing-header__logo-link{display:flex;align-items:center;text-decoration:none}.marketing-header__logo-image{height:2.5rem;width:auto}.marketing-header__logo-text{font-size:1.5rem;font-weight:700;color:var(--color-layout-text);margin-left:.5rem}.marketing-header__nav{display:none}@media (min-width: 768px){.marketing-header__nav{display:flex;gap:2rem}}.marketing-header__nav-link{color:var(--color-layout-text-secondary);text-decoration:none;font-size:1rem;transition:color .2s ease;padding:.5rem 0}.marketing-header__nav-link:hover,.marketing-header__nav-link--active{color:var(--color-primary)}.marketing-header__dropdown{position:relative}.marketing-header__dropdown-trigger{display:flex;align-items:center;gap:.25rem;cursor:pointer}.marketing-header__dropdown-arrow{width:1rem;height:1rem;transition:transform .2s ease}.marketing-header__dropdown:hover .marketing-header__dropdown-arrow{transform:rotate(180deg)}.marketing-header__dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);min-width:200px;background-color:var(--color-layout-bg);border:1px solid var(--color-layout-border);border-radius:.5rem;box-shadow:0 10px 25px #0000001a;padding:.5rem 0;opacity:0;visibility:hidden;transition:all .2s ease;margin-top:.5rem}.marketing-header__dropdown:hover .marketing-header__dropdown-menu{opacity:1;visibility:visible}.marketing-header__dropdown-item{display:block;padding:.625rem 1rem;color:var(--color-layout-text-secondary);text-decoration:none;font-size:.875rem;transition:all .2s ease}.marketing-header__dropdown-item:hover{background-color:var(--color-bg-secondary);color:var(--color-primary)}.marketing-header__actions{display:flex;align-items:center;gap:1rem}.marketing-header__login{color:var(--color-layout-text);text-decoration:none;font-size:1rem;padding:.5rem 0}.marketing-header__register{background-color:var(--color-primary);color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:.375rem;font-weight:500;transition:background-color .2s ease}.marketing-header__register:hover{background-color:var(--color-primary-dark, var(--color-layout-link-hover))}.marketing-header__mobile-toggle{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--color-layout-text);border-radius:.375rem;transition:background-color .2s ease}.marketing-header__mobile-toggle:hover{background-color:var(--color-bg-secondary)}.marketing-header__mobile-icon{width:1.5rem;height:1.5rem}@media (min-width: 768px){.marketing-header__mobile-toggle{display:none}}@media (max-width: 767px){.marketing-header__nav{display:none!important}.marketing-header__actions{display:none}}.marketing-header__mobile-menu{position:absolute;top:100%;left:0;right:0;background-color:var(--color-layout-bg);border-bottom:1px solid var(--color-layout-border);box-shadow:0 10px 25px #0000001a;padding:1rem;z-index:998}@media (min-width: 768px){.marketing-header__mobile-menu{display:none}}.marketing-header__mobile-nav{display:flex;flex-direction:column;gap:.25rem}.marketing-header__mobile-link{display:block;padding:.75rem 1rem;color:var(--color-layout-text);text-decoration:none;font-size:1rem;border-radius:.375rem;transition:background-color .2s ease}.marketing-header__mobile-link:hover{background-color:var(--color-bg-secondary);color:var(--color-primary)}.marketing-header__mobile-link--nested{padding-left:2rem;font-size:.9375rem;color:var(--color-layout-text-secondary)}.marketing-header__mobile-group{display:flex;flex-direction:column;gap:.125rem}.marketing-header__mobile-group-title{padding:.75rem 1rem .5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-layout-text-secondary)}.marketing-header__mobile-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-layout-border)}.marketing-header__mobile-login{display:block;padding:.75rem 1rem;text-align:center;color:var(--color-layout-text);text-decoration:none;font-size:1rem;border-radius:.375rem;border:1px solid var(--color-layout-border);transition:all .2s ease}.marketing-header__mobile-login:hover{background-color:var(--color-bg-secondary)}.marketing-header__mobile-register{display:block;padding:.75rem 1rem;text-align:center;background-color:var(--color-primary);color:#fff;text-decoration:none;font-size:1rem;font-weight:500;border-radius:.375rem;transition:background-color .2s ease}.marketing-header__mobile-register:hover{background-color:var(--color-primary-dark, var(--color-layout-link-hover))}.mobile-menu-enter-active,.mobile-menu-leave-active{transition:all .25s ease}.mobile-menu-enter-from,.mobile-menu-leave-to{opacity:0;transform:translateY(-.5rem)}.marketing-main{min-height:calc(100vh - 250px)}.marketing-footer{background-color:var(--color-bg-secondary);padding:4rem 0 2rem;margin-top:0}.marketing-footer__top{margin-bottom:3rem}.marketing-footer__logo{display:flex;align-items:center;margin-bottom:1rem}.marketing-footer__logo-image{height:2.5rem;width:auto}.marketing-footer__logo-text{font-size:1.5rem;font-weight:700;color:var(--color-layout-text);margin-left:.5rem}.marketing-footer__tagline{color:var(--color-layout-text-secondary);font-size:1rem;max-width:24rem}.marketing-footer__links{display:grid;grid-template-columns:repeat(1,1fr);gap:2rem;margin-bottom:3rem}@media (min-width: 640px){.marketing-footer__links{grid-template-columns:repeat(3,1fr)}}.marketing-footer__links-title{font-size:1rem;font-weight:600;color:var(--color-layout-text);margin-bottom:1rem}.marketing-footer__link{display:block;color:var(--color-layout-text-secondary);text-decoration:none;margin-bottom:.75rem;font-size:.875rem;transition:color .2s ease}.marketing-footer__link:hover{color:var(--color-primary)}.marketing-footer__copyright{color:var(--color-layout-text-secondary);font-size:.875rem;text-align:center;padding-top:2rem;border-top:1px solid var(--color-layout-border)}.marketing-footer__company{display:block;margin-top:.5rem;font-size:.8rem;color:var(--color-layout-text-secondary);opacity:.8}.marketing-footer__company-info{cursor:default;opacity:.8}
